当我们的li标签设置了border的时候就会出现重叠边框,如何去掉呢,见代码
html代码
<ul class="friendLink_list">
<li><a href="javascript:;">营销费用管理</a></li>
<li><a href="javascript:;">营销费用管理</a></li>
<li><a href="javascript:;">营销费用管理</a></li>
<li><a href="javascript:;">营销费用管理</a></li>
<li><a href="javascript:;">营销费用管理</a></li>
<li><a href="javascript:;">营销费用管理</a></li>
</ul>
css代码
.friendLink_list {
list-style: none;
} .friendLink_list li {
float: left;
border: 1px solid #aaa;
display: block;
width: 285px;
height: 60px;
text-decoration: none;
margin: -1px -1px;
position: relative;
z-index: ;
text-align: center;
line-height: 60px;
font-size: 15px;
} .friendLink_list li a {
color: #b5b5b6;
}
设置最终效果图
aaarticlea/png;base64,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" alt="" />