首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网页制作
>
CSS样式表
> CSS 柱状图实现代码其实很简单
CSS样式表
最窄770px最宽1024px的经典布局研究
CSS使用心得体会
用CSS实现链接的虚线下划线效果
快速制作CSS导航菜单教
给图片在博客中添加滤镜效果
DIV+CSS网页制作布局技巧学习
CSS书写顺序
WEB标准字体常规定义
XHTML标准的版本
同一个页面用多个id有什么影响
初学web标准的几个误区
解决URL中含有-与号-不符合标准问题
用CSS实现表单form布局
CSS关于相对定位和绝对定位的说明实例
DIV+CSS不一定符合标准
CSS滤镜参考
怎样才能使大网站规范
利用CSS，链接下划线也玩自定义
CSS实现光滑圆角效果
最基本的几种CSS文字滤镜效果
No.
«
‹
26
27
28
29
›
»
技术文章搜索
关键字
CSS样式表 中的 CSS 柱状图实现代码其实很简单
出处:
互联网
整理:
软晨网（RuanChen.com）
发布:
2009-09-11
浏览: 53 ::
收藏到网摘: 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
登陆
还没注册？
繁體中文
CSS样式表 中的 CSS 柱状图实现代码其实很简单
评论 (0) All 