建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!
当前位置:建站学习网 > DIV+CSS教程 > DIV CSS教程 >

CSS条状图表进度条

整理编辑:建站学习网 更新时间:2017-01-08 阅读:0

<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>

转载请注明出处:https://www.dedexuexi.com/divcss/jc/2288.html

关键词:技巧