zoukankan      html  css  js  c++  java
  • CSS进度条

    #graphbox{
    border:1px solid #e7e7e7;
    padding:10px;
    250px;
    background-color:#f8f8f8;
    margin:5px 0;
    }
    #graphbox h2{
    color:#666666;
    font-family:Arial;
    font-size:18px;
    font-weight:700;
    }
    .graph{
    position:relative;
    background-color:#F0EFEF;
    border:1px solid #cccccc;
    padding:2px;
    font-size:13px;
    font-weight:700;
    }
    .graph .orange, .green, .blue, .red, .black{
    position:relative;
    text-align:left;
    color:#ffffff;
    height:18px;
    line-height:18px;
    font-family:Arial;
    display:block;
    }
    .graph .orange{background-color:#ff6600;}
    .graph .green{background-color:#66CC33;}
    .graph .blue{background-color:#3399CC;}
    .graph .red{background-color:red;}
    .graph .black{background-color:#555;}
    
    <div id="graphbox">
    <h2>BarGraphs Example</h2>
    <div class="graph"><span class="orange" style="35%;">orange:35%</span></div>
    <div class="graph"><span class="green" style="90%;">green:90%</span></div>
    <div class="graph"><span class="blue" style="75%;">blue:75%</span></div>
    <div class="graph"><span class="red" style="85%;">red:85%</span></div>
    <div class="graph"><span class="black" style="100%;">black:100%</span></div>
    </div>
    
  • 相关阅读:
    css中的属性
    css初识和css选择器
    前端html的简单认识
    数据库进阶了解
    数据库索引
    pymysql模块
    数据库的多表查询
    数据库中的行操作
    数据库和表操作以及完整性约束
    数据库概述
  • 原文地址:https://www.cnblogs.com/jkyweb/p/2992965.html
Copyright © 2011-2022 走看看