当我们的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="" />

如何去掉li标签的重叠边框的更多相关文章

  1. 怎么去掉li标签前面的点??

    <ul class="list"> <li> </li> <li> </li> </ul> .list li ...

  2. overflow清楚浮动 + 去掉li标签的小圆点

    原文链接:http://blog.163.com/qqabc20082006@126/blog/static/22928525201031211212955/ 测试用例: <!DOCTYPE h ...

  3. 织梦默认分页样式改动 解决分页列表显示,去掉li

    近期装了个织梦dedecmsV5.7版本号时,调用分页显示出现的结果出现好几行,怎么也不能在一排显示,找了非常多资料,才了解到是由织梦模板中分页加了<Li>列表标签,解决有两种方法,以下将 ...

  4. Dede友情链接和分页列表和内容分页去掉小圆点LI标签

    我用了一个比较老式的模板,友情链接和列表页底下的一段分页导航会自动获取LI标签,导致错位.每段文字前还多出一个可恶的黑色实心小圆点,心想肯定是LI标签在搞怪,于是把模板文件和样式文件都翻看了一个底朝天 ...

  5. div放在li标签中,无法撑开li标签的问题

    作为一个前端菜鸟,我又碰到问题了,今天把div放到li标签中,发现div并没有把li标签撑开,而是在li标签边界之外,具体情况如下图所示: 那么,怎样才能达到预期的效果(每个li中放置一个div标签, ...

  6. css去掉a标签点击后的虚线框,outline,this.blur()

    css去掉a标签点击后的虚线框,outline,this.blur() outline是css3的一个属性,用的很少.声明,这是个不能兼容的css属性,在ie6.ie7.遨游浏览器都不兼容. outl ...

  7. 给li标签添加自定义属性

    给li标签添加属性<ul> <li></li> <li></li> <li></li> <li>< ...

  8. Jquery和JS获取ul中li标签(转)

    js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElemen ...

  9. Jquery和JS获取ul中li标签

    js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElemen ...

随机推荐

  1. 开发更健壮python程序的一些工具

    在众多语言中, Java 生态系统发展得最好, 比如异常logging报警, 比如性能监控工具. Python其实生态也不错, 这里列出一些出色的工具. LogBook, 并结合 raven-pyth ...

  2. js 数组拷贝与深拷贝

    1.对于普通数组(数组元素为数字或者字符串) var _testCopy = [1,2,3].concat();//拷贝数组(浅拷贝) 2.对于对象数组 (深拷贝) //形如var _objArr=[ ...

  3. DotNetBar的一个MDIView不正常显示的问题

    现象,使用tabStrip MDIView后,子窗体会被遮挡一部分,两种解决办法 1.tabStrip的 MdiAutoHide=False 2.tabStrip 设置MultilineWithNav ...

  4. Select 子句后的别名,在where条件中不能使用

    SELECT * FROM student WHERE (条件) 执行顺序,先执行FROM 子句,然后执行WHERE 子句,最后执行SELECT 所以Select 子句后的别名,在where条件中不能 ...

  5. 建立一个漂亮的PHP验证码类文件及调用方式

    //验证码类class ValidateCode { private $charset = 'abcdefghkmnprstuvwxyzABCDEFGHKMNPRSTUVWXYZ23456789';/ ...

  6. 利用PHP连接数据库——实现用户数据的增删改查的整体操作实例

    main页面(主页面) <table width="100%" border="1" cellpadding="0" cellspac ...

  7. Docker 容器内存限制 - 八

    Docker 内存限制: centos /bin/bash  查看容器实例 内存限制: 限制容器内存大小:docker run -d -i -t -m 256M --memory-swap 512M ...

  8. Java EE之Request部分方法使用示例

    Description: ApplicationProjectName:MedicineMs login.jsp[action:login|method:get] to loginServlet Ou ...

  9. TensorFlow从入门到理解(六):可视化梯度下降

    运行代码: import tensorflow as tf import numpy as np import matplotlib.pyplot as plt from mpl_toolkits.m ...

  10. [TensorFlow笔记乱锅炖] tf.multinomial(logits, num_samples)使用方法

    tf.multinomial(logits, num_samples) 第一个参数logits可以是一个数组,每个元素的值可以简单地理解为对应index的选择概率,注意这里的概率没有规定加起来的和为1 ...