HTML+css制作简易进度条
2013-10-02 00:50
537 查看
1、HTML代码
复制代码代码如下:
经验值:
<span class="progress-bar"><b style="width:50px;"> </b></span>
2、CSS样式
复制代码代码如下:
.progress-bar, .progress-bar b{ url(" /images/ico.png") no-repeat scroll 0 0; display: block;}
.progress-bar {background-position: 0 0; height: 15px;width: 430px;}
.progress-bar b {background-position: 0 -17px; height: 12px;}
复制代码代码如下:
经验值:
<span class="progress-bar"><b style="width:50px;"> </b></span>
2、CSS样式
复制代码代码如下:
.progress-bar, .progress-bar b{ url(" /images/ico.png") no-repeat scroll 0 0; display: block;}
.progress-bar {background-position: 0 0; height: 15px;width: 430px;}
.progress-bar b {background-position: 0 -17px; height: 12px;}
相关文章推荐
- html+css制作圆形进度条
- html+css制作简易版Baymax
- 用css/html制作简易bookstore网页
- HTML+css制作简易图片库
- html5+javascript制作简易画板
- 利用CSS3D效果制作简易旋转木马效果
- 网页设计与制作(HTML+CSS)(一)
- HTML+CSS+DIV+表单制作
- html + css + javascript 制作时间轴
- HTML CSS JavaScript网页制作从入门到精通 第3版 (刘西杰) pdf完整版
- 纯js+html和纯css+html制作手风琴效果
- 花钱购买制作精美的留言板或者留言板设计的HTML + CSS + DIV 源码
- css制作环形进度条
- css和html制作网页
- 【牛腩】CSS与HTML界面制作(18-35讲)
- 制作1px表格边框的十种方法(html和css)
- 网页设计与制作(HTML+CSS)(二)
- 《html, css, javascritp网页制作》 刘西杰
- CSS实战(制作京东简易首页)
- HTML-css 简单网页小制作(图片、文字)---Day2