浏览 2099 次
|
锁定老帖子 主题：UL布局导航，最后一个外边框怎么去掉
该帖已经被评为隐藏帖
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2009-11-13
最后修改：2009-11-13
<!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=utf-8" />
<style type="text/css">
#menus
{
margin:auto;
width:900px;
height:38px;
background-color:#1F6193;
background-image: url(imgs/index.jpg);
}
#menus ul
{
height:30px;
text-align:center;
padding-top:8px;
padding-bottom:0px;
}
#menus ul first-child
{
border-right:0px dashed white;
}
#menus ul li
{
list-style-type:none;
display:inline;
padding-left:20px;
padding-right:20px;
border-right:1px dashed white;
}
#menus ul li a
{
font-size:16px;
font-variant:normal;
color:white;
}
#menus ul li a:link{
text-decoration:none;
}
#menus ul li a:active{
color:#F13C01;
text-decoration:underline;
}
#menus ul li a:visited{
text-decoration:none;
}
#menus ul li a:hover{
color:#F13C01;
text-decoration:underline;
cursor:pointer;
background-color:#3671A5;
}
</style>
<title>无标题文档</title>
</head>
<body>
<div id="menus">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">标签A</a></li>
<li><a href="#">标签BB</a></li>
<li><a href="#">标签BGT</a></li>
<li><a href="#">标签BB</a></li>
<li><a href="#">标签BB</a></li>
<li style="border-right-width:0px;"><a href="#">标CCC签</a></li>
</ul>
</div>
</body>
</html>
HTML效果是：
不希望每个li都写个class=""，那样会多处很多字节的。
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2009-11-14
!important呢
|
| 返回顶楼 | |
|
发表时间：2009-11-16
jncz 写道 !important呢
貌似，你没懂我的意思，或者我没懂你的意思，呵呵。 |
| 返回顶楼 | |
