底边框的问题
为什么我在li.select中设置border-bottom为none或0不能完全去除底边框,而是还存在一条细线呢(如下图)?用border-bottom-color:#fff就没问题.
*{
margin:0;
padding:0;
list-style:none;
font-size:12px;
text-decoration:none;
}
#notice{
width:298px;
height:98px;
margin:10px;
border:1px solid #f0f0f0;
}
.notice-title{
position:relative;
height:27px;
overflow:hidden;
background-color:#f7f7f7;
}
.notice-title ul{
position:absolute;
left:-1px;
width:300px;
}
.notice-title li{
float:left;
width:58px;
height:26px; /*26+1=27*/
line-height:26px;
font-size:16px;
padding:0 1px;
text-align:center;
border-bottom:1px solid #f0f0f0;
}
.notice-title a:link,.notice-title a:visited{
color:black;
}
.notice-title a:hover{
color:orange;
}
.notice-title li.select{
border-bottom:none;
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
padding:0;
background-color:#fff;
}
