css边框问题,ul li ul li 中的边框 左右一像素 怎么去掉？为什么会出现这种情况。
<styletype="text/css">#menuulli{float:left;margin-right:10px;width:100px;background:#...
<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 {
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> 展开
1个回答
展开全部
#menu ul li ul li {}
里面加上
border-left:0;
border-right:0;
而且把width: 98px;改成100px
里面加上
border-left:0;
border-right:0;
而且把width: 98px;改成100px
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
