我现在在做一个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. SQL数据库基础二
			
    
			
    2. 
						
  2. 在Office 365 添加就地保留用户邮箱
			
    基于客户需求,要求将用户批量添加到Office 365中的现有就地保留.如您所了解的,我们可以通过Exchange在线图形用户GUI界面完成,也可以通过PowerShell完成. 要将用户批量添加到O ...
    
			
    3. 
						
  3. java 访问docker的环境
			
    1.   配置环境 新增 ExecStart=/usr/bin/dockerd -H tcp://0.0.0.0:2375 -H unix://var/run/docker.sock root@ros ...
    
			
    4. 
						
  4. JavaScript BOM  DOM 对象
			
    title: JavaScript BOM DOM 对象 tags: JavaScript --- browser object model document onject model BOM对象 w ...
    
			
    5. 
						
  5. java8关于LocalDate，Date
			
    关于java8中的新的时间日期类 public static void main(String[] args) { Date date = new Date(); LocalDate localDat ...
    
			
    6. 
						
  6. superset docker 部署
			
    公众号原文有更多效果图哦 一.使用自己的数据库 1. 拉取项目 // 创建目录用于存放项目 mkdir -p /mnt/superset cd /mnt/superset git clone http ...
    
			
    7. 
						
  7. webgis技术在智慧城市综合治理(9+X)网格化社会管理平台（综治平台）的应用研究
			
    综治中心9+X网格化社会管理平台 为落实中央关于加强创新社会治理的要求,适应国家治理体系和治理能力现代化要求,以基层党组织为核心,以整合资源.理顺关系.健全机制.发挥作用为目标,规范街道.社区综治中心 ...
    
			
    8. 
						
  8. Object类 任何类都是object类的子类 用object对象接收数组 object类的向上向下转型
			
    任何类都是object类的子类 用object对象接收数组 object类的向上向下转型
    
			
    9. 
						
  9. Golang Json测试
			
    结构体是谷歌搜索API package main import ( "encoding/json" "fmt" "io/ioutil" &q ...
    
			
    10. 
						
  10. 18.Yii2.0框架模型修改记录 和 修改点击量
			
    目录 修改数据 修改点击量 修改数据 上面要 use app\models\Article; //修改 //http://yii.com/?r=home/Edit public function ac ...
    
			
    11.