如何去掉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 ...
随机推荐
- HDB3 译码器
一.HDB3译码方案一: 插入V/B的情况是有两种,两个或三个零两端同极性,也就是要把代码二进制表示的“+1 0 0 0 +1”或“-1 0 0 0 -1”变成“1 0 0 0”,把“+1 0 0 + ...
- MySQL Out-of-Band 攻击
概述 当涉及到MSSQL与Oracle时,Out-of-Band 注入是非常好的方式.但我注意到MySQL注入的情况并非如此,于是我准备以自己在SQL注入方面的经验做相关的研究.我们可以利用诸如loa ...
- FILE SIGNATURES TABLE
FILE SIGNATURES TABLE 16 December 2017 This table of file signatures (aka "magic numbers") ...
- 【bzoj 4764】弹飞大爷
Description 自从WC退役以来,大爷是越来越懒惰了.为了帮助他活动筋骨,也是受到了弹飞绵羊一题的启发,机房的小伙伴们决定齐心合力构造一个下面这样的序列.这个序列共有N项,每项都代表了一个小伙 ...
- sql插入oracle链接的数据
报错OLE DB 访问接口 "OraOLEDB.Oracle" 返回了消息 "ORA-29275: 部分多字节字符". select addr from tes ...
- lua 的语法糖
tb = {} function tb:fun1() self ---tb end function tb.fun2() self ---->无 end tb:fun1() tb.fun2() ...
- 线段树模板(hdu1166)
#include <set> #include <map> #include <queue> #include <stack> #include < ...
- 模拟用户登录(获取cookie/实例化session)
第一种方法:通过本地浏览器保存的cookie进行登陆 url1 = 'https://passport.cnblogs.com/user/signin?ReturnUrl=https%3A%2F%2F ...
- constraintLayout的一些高级用法 布局一个16:9的图片 以及GuideLine的使用
<!-- "W,9:16" 同样的效果 --> <ImageView android:layout_width="0dp" android:l ...
- 【NLP CS224N笔记】Lecture 2 - Word Vector Representations: word2vec
I. Word meaning Meaning的定义有很多种,其中有: the idea that is represented by a word,phrase,etc. the idea that ...