首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网页制作
>
CSS样式表
> CSS 柱状图实现代码其实很简单
CSS样式表
可以给img元素设置背景图
不通过JavaScript实现的自动滚动视差效果
学DIV+CSS技术,如何入门?
XHTML+CSS制作样式风格切换的WEB站点
解决IE6.0、IE5.0、IE5.5差异
DIV+CSS制作的个性水平导航菜单实例
css里expression实现界面对象的批量控制
利用CSS框架进行高效率的站点开发 Elements
CSS模块化设计:从空格谈起
在IE流览器中正确显示PNG透明图片
CSS样式表创建美妙绝伦的网站
性感的CSS菜单(Menus)
CSS教程关于css框架网页设计
以HTML为基础学习DIV+CSS
提高CSS文件可维护性的五种方法
dl、dt、dd 标记来改造163邮箱的广告条
WEB前端涉及的布局、结构化和标准化
CSS网页制作布局实例教程
CSS教程:认识层叠规则互相作用
ul结合CSS制作网页相册滑动浏览效果
No.
«
‹
91
92
93
94
›
»
技术文章搜索
关键字
CSS样式表 中的 CSS 柱状图实现代码其实很简单
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2009-09-11
浏览: 86 ::
收藏到网摘: 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
登陆
还没注册?