如何去掉li标签的重叠边框
当我们的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标签的重叠边框的更多相关文章
- 怎么去掉li标签前面的点??
<ul class="list"> <li> </li> <li> </li> </ul> .list li ...
- overflow清楚浮动 + 去掉li标签的小圆点
原文链接:http://blog.163.com/qqabc20082006@126/blog/static/22928525201031211212955/ 测试用例: <!DOCTYPE h ...
- 织梦默认分页样式改动 解决分页列表显示,去掉li
近期装了个织梦dedecmsV5.7版本号时,调用分页显示出现的结果出现好几行,怎么也不能在一排显示,找了非常多资料,才了解到是由织梦模板中分页加了<Li>列表标签,解决有两种方法,以下将 ...
- Dede友情链接和分页列表和内容分页去掉小圆点LI标签
我用了一个比较老式的模板,友情链接和列表页底下的一段分页导航会自动获取LI标签,导致错位.每段文字前还多出一个可恶的黑色实心小圆点,心想肯定是LI标签在搞怪,于是把模板文件和样式文件都翻看了一个底朝天 ...
- div放在li标签中,无法撑开li标签的问题
作为一个前端菜鸟,我又碰到问题了,今天把div放到li标签中,发现div并没有把li标签撑开,而是在li标签边界之外,具体情况如下图所示: 那么,怎样才能达到预期的效果(每个li中放置一个div标签, ...
- css去掉a标签点击后的虚线框,outline,this.blur()
css去掉a标签点击后的虚线框,outline,this.blur() outline是css3的一个属性,用的很少.声明,这是个不能兼容的css属性,在ie6.ie7.遨游浏览器都不兼容. outl ...
- 给li标签添加自定义属性
给li标签添加属性<ul> <li></li> <li></li> <li></li> <li>< ...
- Jquery和JS获取ul中li标签(转)
js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElemen ...
- Jquery和JS获取ul中li标签
js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElemen ...
随机推荐
- 开发更健壮python程序的一些工具
在众多语言中, Java 生态系统发展得最好, 比如异常logging报警, 比如性能监控工具. Python其实生态也不错, 这里列出一些出色的工具. LogBook, 并结合 raven-pyth ...
- js 数组拷贝与深拷贝
1.对于普通数组(数组元素为数字或者字符串) var _testCopy = [1,2,3].concat();//拷贝数组(浅拷贝) 2.对于对象数组 (深拷贝) //形如var _objArr=[ ...
- DotNetBar的一个MDIView不正常显示的问题
现象,使用tabStrip MDIView后,子窗体会被遮挡一部分,两种解决办法 1.tabStrip的 MdiAutoHide=False 2.tabStrip 设置MultilineWithNav ...
- Select 子句后的别名,在where条件中不能使用
SELECT * FROM student WHERE (条件) 执行顺序,先执行FROM 子句,然后执行WHERE 子句,最后执行SELECT 所以Select 子句后的别名,在where条件中不能 ...
- 建立一个漂亮的PHP验证码类文件及调用方式
//验证码类class ValidateCode { private $charset = 'abcdefghkmnprstuvwxyzABCDEFGHKMNPRSTUVWXYZ23456789';/ ...
- 利用PHP连接数据库——实现用户数据的增删改查的整体操作实例
main页面(主页面) <table width="100%" border="1" cellpadding="0" cellspac ...
- Docker 容器内存限制 - 八
Docker 内存限制: centos /bin/bash 查看容器实例 内存限制: 限制容器内存大小:docker run -d -i -t -m 256M --memory-swap 512M ...
- Java EE之Request部分方法使用示例
Description: ApplicationProjectName:MedicineMs login.jsp[action:login|method:get] to loginServlet Ou ...
- TensorFlow从入门到理解(六):可视化梯度下降
运行代码: import tensorflow as tf import numpy as np import matplotlib.pyplot as plt from mpl_toolkits.m ...
- [TensorFlow笔记乱锅炖] tf.multinomial(logits, num_samples)使用方法
tf.multinomial(logits, num_samples) 第一个参数logits可以是一个数组,每个元素的值可以简单地理解为对应index的选择概率,注意这里的概率没有规定加起来的和为1 ...