我现在在做一个ul列表，然后给每个li加上边框，但是加完了之后，相邻列表的边框就会变成2px，比如第一个li的下边框和第二个li的上边框就会重叠在一起，请问这有什么办法解决一下么？

解决方法是：

试试给li在样式中指定margin-top:-1px; 这样两个边框就可以重叠在一起了.

新问题：
不过我现在这个li是加了hover的，就是鼠标悬停就会边框变色，这样一来，每个变色的只会是上左右三条框，下边框被盖住，看不出效果了~~~~ 
li {
   border:1px solid #FF0000;
   margin-top:-1px;
}
li:hover {
   border:1px solid #0000FF;
   position:relative;
   z-index:2;
}

这个问题在我工作中很常见，百度搜的这种方法感觉还不错，很实用
												


											
如何解决border的重叠问题的更多相关文章
	

    
								
  1. CSS盒模型以及如何解决边距重叠问题
		
    盒模型有两种,W3C 和IE 盒子模型 W3C定义的盒模型包括margin.border.padding.content,元素的宽度width=content的宽度 IE盒模型与W3C盒模型的唯一区别 ...
    
		
    2. 
						
  2. 关于border边框重叠颜色设置问题
		
    盒子模型包括:margin border padding content 在标准盒子模型中 conten不包括border和padding  就是他自身内容所包含的区域. 在IE盒子模型中    co ...
    
		
    3. 
						
  3. 神奇的负margin解决border“合并”
		
    如上图所示,这是一个分页样式,a:hover时,需要改变边框的颜色. 我们知道,除表格之外,其他标签的border是不能合并的.要解决这个问题,思路有三: 1.table布局(大概很少有人愿意在这里使 ...
    
		
    4. 
						
  4. CSS渐变色边框，解决border设置渐变后，border-radius无效的问题
		
    需求:用css设置渐变边框通过border-image来实现渐变色边框 <div class="content"></div> .content { wid ...
    
		
    5. 
						
  5. 解决IDEA包重叠在一起的问题
		
    问题显现: 解决方法:
    
		
    6. 
						
  6. CSS解决border影响元素宽高的问题（box-sizing属性）
		
    修改 box-sizing 属性.将 box-sizing 设置为 border-box 即可.
    
		
    7. 
						
  7. 解决文字和text-decoration:underline下划线重叠问题
		
    一.text-decoration:underline下划线的问题 CSS text-decoration:underline可以给内联文本增加下划线,但是,如果对细节要求较高,就会发现,下划线经常会 ...
    
		
    8. 
						
  8. Echarts 解决饼图文字过长重叠的问题
		
    之前在网上查找了很多关于解决饼图文字描述过长导致重叠的问题,找了很多一直没有一个合适的解决方案,最后自己只能花时间研究echarts文档,功夫不负有心人,终于解决了文字重叠展示不全等问题. 废话不多说 ...
    
		
    9. 
						
  9. 浅析 CSS 中的边距重叠
		
    浅析 CSS 中的边距重叠 边距重叠是什么 在说边距重叠之前,先以正常的思维来考虑如果你现在是浏览器引擎遇到这种情况应该怎么办? 现在有两个元素 div1 和 div2 紧挨着,中间没有它元素,它们的 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Web前端体系的脉络结构
			
    Web前端技术由 html.css 和 javascript 三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言.而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学 ...
    
			
    2. 
						
  2. Android 虚拟导航挡住应用底部解决方案（屏幕底部的三个按键）
			
    我在华为P6测试机上测试,发现底部的三个虚拟按钮遮挡了我的应用.类似效果如:https://www.zhihu.com/question/35292413#answer-28473700 解决方案 在 ...
    
			
    3. 
						
  3. sshd_config配置注释
			
    # $OpenBSD: sshd_config,v 1.80 2008/07/02 02:24:18 djm Exp $ # This is the sshd server system-wide c ...
    
			
    4. 
						
  4. UVA 11134 FabledRooks 传说中的车 （问题分解）
			
    摘要:贪心,问题分解. 因为行列无关,所以这个二维问题可以分解成两个一维问题. 优先队列实现:类似区间点覆盖的问题,先按照左端点排序,相同然后在按右端点排序(灵活性小的优先选).最优的选法,当然是要使 ...
    
			
    5. 
						
  5. Spark集群任务提交
			
    1. 集群管理器 Spark当前支持三种集群管理方式 Standalone—Spark自带的一种集群管理方式,易于构建集群. Apache Mesos—通用的集群管理,可以在其上运行Hadoop Ma ...
    
			
    6. 
						
  6. Servlet的引入（即加入Servlet）
			
    今天讲的Servlet是根据上一章节<创建一个学生信息表,与页面分离>而结合. 一.看图分析 此模式有问题: 1.jsp需要呼叫javabean StudentService stuSer ...
    
			
    7. 
						
  7. linux简单常用命令
			
    除了yum命令,还有些简单的命令,在此记录一下,加深记忆: free -h 查询内存和交换分区. rpm -qa | grep libaio 查看当前环境是否安装某rpm软件包
    
			
    8. 
						
  8. 在2d游戏中常用的向量方式
			
    function cc.exports.VectorRotateByAngle(vector,angle)--计算向量旋转后的向量,angle:正数逆时针,负输顺时针 angle = angle*ma ...
    
			
    9. 
						
  9. 微信小程序传值取值的几种方法
			
    一,列表index下的取值 实现方式是:data-index="{{index}}"挖坑及e.currentTarget.dataset.index来填坑即可 1.1生成值 < ...
    
			
    10. 
						
  10. CentOS7练习
			
    为编译安装的httpd服务,实现service unit文件破解centos7 口令修改默认的启动内核为新编译内核启动时临时禁用SELinux启动时进入emergency模式卸载编译安装的新内核
    
			
    11.