首页 > 代码库 > 如何去掉li标签的重叠边框
如何去掉li标签的重叠边框
当我们的li标签设置了border的时候就会出现重叠边框,如何去掉呢,见代码
html代码
<ul class="friendLink_list"> <li><a href=http://www.mamicode.com/"javascript:;">营销费用管理</a></li> <li><a href=http://www.mamicode.com/"javascript:;">营销费用管理</a></li> <li><a href=http://www.mamicode.com/"javascript:;">营销费用管理</a></li> <li><a href=http://www.mamicode.com/"javascript:;">营销费用管理</a></li> <li><a href=http://www.mamicode.com/"javascript:;">营销费用管理</a></li> <li><a href=http://www.mamicode.com/"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: 0 0 -1px -1px; position: relative; z-index: 0; text-align: center; line-height: 60px; font-size: 15px; } .friendLink_list li a { color: #b5b5b6; }
设置最终效果图
如何去掉li标签的重叠边框
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。