首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网页制作
>
CSS样式表
> li 自适应宽度
CSS样式表
做网页中需要掌握的八个CSS布局技巧
CSS属性 - white-space 空白属性使用说明
用CSS构建iframe效果代码
用div+css解决出现水平滚动条问题
ul在Firefox和IE下的不同表现的解决方法
用css实现隐藏文本框
css实现行间距效果
研究了一下div+css的高度自适应问题
做网页字体大小参考 网页中同字号字体的不同单位对比列表
css 之 background-position-x
css实现兼容各个浏览器的技巧的代码
css中的行间距的代码
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解
scrollWidth,clientWidth与offsetWidth的区别
大家需要掌握的 html下SPAN和DIV的区别
布局用CSS+DIV的优点总结
纯CSS生成抗锯齿圆角的代码
IE6,IE7和firefox对DIV的支持区别
DIV+CSS布局的网站对网站SEO的影响分析
非常不错的关于IE与FireFox的js和css几处不同点[转自星火燎原]
No.
«
‹
39
40
41
42
›
»
技术文章搜索
关键字
CSS样式表 中的 li 自适应宽度
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2009-09-11
浏览: 316 ::
收藏到网摘: n/a
让你的页面对 IE6 显示出黑白色(多浏览器)
样式表达式实现交替显示table行颜色
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="gb2312" /> <title>test</title> <style type="text/css"> body { margin:0; padding:0; font-size:62.5%; font-family:Verdana,Arial,sans-serif; text-align:center; } #nav ul { margin:0; padding:0; list-style:none; font-size:1.2em; background:#036; } #nav ul li { display:inline; } #nav ul li a { display:-moz-inline-box; display:inline-block; padding:5px 10px; color:#fff; background:#333; text-decoration:none; margin-right:-4px; } #nav ul li a:hover { color:#f5f5f5; background:#369; } </style> </head> <body> <div id="nav"> <ul> <li><a href="#">index</a></li> <li><a href="#">Item two</a></li> <li><a href="#">Item three</a></li> <li><a href="#">Item four</a></li> <li><a href="#">Item five</a></li> <li><a href="#">Item six</a></li> <li><a href="#">Item seven</a></li> <li><a href="#">Item eight</a></li> <li><a href="#">Item ten</a></li> <li><a href="#">Item eleven</a></li> </ul> </div> </body> </html>
提示:您可以先修改部分代码再运行
让你的页面对 IE6 显示出黑白色(多浏览器)
样式表达式实现交替显示table行颜色
评论 (0)
All
登陆
还没注册?