首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网页制作
>
CSS样式表
> CSS 柱状图实现代码其实很简单
CSS样式表
CSS+DIV 拼图(26个英文字母)
css 模拟表格斜线
hr 样式实现1px直线
css 画的百度LOGO
css 文字上右下环绕广告的写法
CSS 实现未知内容高度的垂直水平居中(改良版)
input 按钮显示差异的解决方法
css 限定GridView宽度并加上滚动条
ie6 position-fixed效果
css 书写技巧 CSS 技巧教程
IE和FireFox JavaScript的函数名的作用域的异同
纯CSS 级联菜单实现代码
CSS 清除网页浮动 经验
id与class的使用原则 网页制作经验
CSS expression判断表达式设置input样式
应用IE6所不支持的CSS的type选择器
CSS 网页内容换行控制
DIV+CSS 网页布局心得
CSS 教程之内容设置的一些语法
用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器
No.
«
‹
18
19
20
21
›
»
技术文章搜索
关键字
CSS样式表 中的 CSS 柱状图实现代码其实很简单
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2009-09-11
浏览: 42 ::
收藏到网摘: n/a
IE对CSS样式的数量和大小是有限制的
HTML5和CSS3让网页设计提升到下一个高度
<!doctype html> <head> <style> ul.chart{padding:0;margin:0;list-style:none;border:1px #ccc solid;height:255px;font-size:9pt;background:#ddf3ff} ul.chart p{padding:0;margin:0} ul.chart .title{text-align:center;height:25px;line-height:25px;} ul.chart li{width:80px;float:left;padding:0;} ul.chart li:hover{background:#f7f7f7;} ul.chart .total{height:230px;position:relative;} ul.chart .percent{background:#f0f;width:20px;position:absolute;left:25px;bottom:0;} </style> </head> <body> <ul class=chart> <li><p class=title>最终幻想</p><div class=total><p class=percent style="height:50%;">50%</p></div></li> <li><p class=title>星之海样</p><div class=total><p class=percent style="height:10%;">10%</p></div></li> <li><p class=title>白骑士</p><div class=total><p class=percent style="height:70%;">70%</p></div></li> </ul> </body>
提示:您可以先修改部分代码再运行
IE对CSS样式的数量和大小是有限制的
HTML5和CSS3让网页设计提升到下一个高度
评论 (0)
All
登陆
还没注册?