如何去掉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 ...
随机推荐
- Retrofit GreenDao开发中遇到的坑
持续更新中1.使用@FormUrlEncoded的话,服务端需要使用Request.Form,如果不使用@FormUrlEncoded本地需要由 @FieldMap Map<String, Ob ...
- Linux centos 防火墙篇
防火墙的关闭 service iptables stop 永久关闭 chkconfug iptables off 查看状态 service iptables status
- python中的深拷贝和浅拷贝
python的复制,深拷贝和浅拷贝的区别 在python中,对象赋值实际上是对象的引用.当创建一个对象,然后把它赋给另一个变量的时候,python并没有拷贝这个对象,而只是拷贝了这个对象的引用 一 ...
- SQL SERVER中一些常见性能问题的总结
1.对查询进行优化,应尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引. 2.应尽量避免使用 left join 和 null 值判断.left join 比 in ...
- php 调试的常用方法
1. php 页面直接输出错误, 根据错误进行调试 2.无法通过php页面捕获到错误,通过查看apache2的日志错误进行排查, 像通过系统命令进行操作失败时,就需要日志进行查看
- 【mmall】学习Spring要善用Spring的Github
官网:https://projects.spring.io/spring-framework 宠物医院项目(非常经典的Spring项目):https://github.com/spring-proje ...
- java后台获取参数乱码
String title = getParam("searchTitle"); title = new String(title.getBytes("iso8859-1& ...
- MySql cmd下的学习笔记 —— 有关表的操作(对表中数据的增,删,改,查)
(知识回顾) 连接数据库 mysql -uroot -p111 先建立一个新库 create database test1; use test1; 由于今天的主要内容是表的操作,建立表的详细过程不是本 ...
- /bin/bash^M: bad interpreter: No such file or directory 解决办法
参考:-bash: ./my_script: /bin/bash^M: bad interpreter: No such file or directory [duplicate] 有的时候运行.sh ...
- 方法join()使用详解
在线程的常见方法一节中,已经接触过join()方法的使用. 在很多情况下,主线程创建并启动子线程,如果子线程中要进行大量的耗时运算,主线程将早于子线程结束.这时,如果主线程想等子线程执行完成才结束,比 ...