CSS 进度条实现代码- CSS样式表 - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS 进度条实现代码

CSS样式表: css列表前的小方块; 解决div被flash挡住的设置方法; input file 不能更改value值的解决办法; 图片垂直居中之姊妹 DIV垂直居中; div的dispaly:inline样式和span的区别; CSS控制图片大小-适应宽度; CSS 浮动清理，不使用 clear:both标签; css设置字间距; CSS 美化段落文本之首字下沉; 浅谈html中id和name的区别实例代码; CSS布局中可以用javascript判断浏览器版本; div css nowrap无换行; css 不换行自动换行强制换行的实现方法; css ol有序列表; div层跨越iframe帧显示在上面的解决方法附代码; css创意ul+li实现的细线表格实现代码; css层固定位置练习; 提高CSS网页渲染效率的11点注意事项; css expression 隔行换色; 不错的整理的24则css技巧

No. « ‹ 47 48 49 50 › »

技术文章搜索

关键字

CSS样式表中的 CSS 进度条实现代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 150 ::

收藏到网摘: n/a

CSS Display与Visibility的不同 css实现div在下拉菜单之上

<style>
#graphbox{
border:1px solid #e7e7e7;
padding:10px;
width: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;}
</style>
<div id="graphbox">
<h2>BarGraphs Example</h2>
<div class="graph"><span class="orange" style="width:35%;">orange:35%</span></div>
<div class="graph"><span class="green" style="width:90%;">green:90%</span></div>
<div class="graph"><span class="blue" style="width:75%;">blue:75%</span></div>
<div class="graph"><span class="red" style="width:85%;">red:85%</span></div>
<div class="graph"><span class="black" style="width:100%;">black:100%</span></div>
</div>

提示：您可以先修改部分代码再运行

CSS Display与Visibility的不同 css实现div在下拉菜单之上

评论 (0) All