css边框问题,ul li ul li 中的边框 左右一像素 怎么去掉？为什么会出现这种情况。
<style type="text/css">
#menu ul li {
float: left;
margin-right: 10px;
width:100px;
background:#9F0;list-style: none; border:#666 1px solid;
}
#menu ul {
text-decoration: none;
}
a {
text-decoration: none;
color:#FFF;
}
#menu ul li ul{margin-top:0px; padding:0px; }
#menu ul li ul li {
float: none;
margin: 0px;
padding: 0px;
width: 98px;
background:#09F; border:#666 1px solid; border:!important; border-bottom:none;
}
</style>
<body>
<div id="menu">
<ul>
<li><a id="current" href="#">首页</a></li>
<li><a href="#">网页版式</a>
<ul>
<li><a href="#">自适应宽度</a></li>
<li><a href="#">固定宽度</a></li>
</ul>
</li>
</ul>
</div>
#menu ul li ul li {}
里面加上
border-left:0;
border-right:0;
而且把width: 98px;改成100px
里面加上
border-left:0;
border-right:0;
而且把width: 98px;改成100px
温馨提示：内容为网友见解，仅供参考
无其他回答
相似回答
