DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> CSS條狀圖表進度條
CSS條狀圖表進度條
編輯:布局實例     

<style>
    .graph {
        position: relative; /* IE is dumb */
        width: 200px;
        border: 1px solid #ff0000;
        padding: 2px;
    }
    .graph .bar {
        display: block;
        position: relative;
        background: #ff0000;
        text-align: center;
        color: #333;
        height: 2em;
        line-height: 2em;           
    }
</style>
<div class="graph">
    <strong class="bar" style="width: 64%;">cssbbs.com 64%</strong>
</div>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved