网站首页
高清电影
无损音乐
游戏攻略
电脑教程
破解资源
站长资源
软件下载
li 自适应宽度
(编辑:jimmy 日期: 2024/9/21 浏览:
2
)
<!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>
提示:您可以先修改部分代码再运行
上一篇:
样式表达式实现交替显示table行颜色
下一篇:
让你的页面对 IE6 显示出黑白色(多浏览器)
最新资源
《命运2》新枪涉嫌抄袭Bungie响应正在调查
《刺客信条:影》引发争议日本预购表现低迷
黑神话悟空上品狸侍长精魄获取方法一览|上品狸侍
大自然环保音乐系列《风花雪月》4CD/DTS[WAV分轨
模拟之声慢刻CD甄妮《86精选[日本母带]》[低速原
[ABC]安娜-胆麦发烧女声[6N纯银镀膜][2016[低速
任天堂今晚举行直面会!第三方及独立游戏展示
《哆啦A梦的铜锣烧店物语》发售!开罗公式+哆啦A
任天堂公布《塞尔达传说》系列时间线:野炊与王泪
五条人.2012-一些风景2CD【刀马旦】【WAV+CUE】
首页
音乐
电影
资源