我现在在做一个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. JDBC事务--软件开发三层架构--ThreadLocal
			
    JDBC事务--软件开发三层架构--ThreadLocal 一.JDBC事务 1.概述: 事务是指逻辑上的一组操作!这一组操作,通常认为是一个整体,不可拆分! 特点:同生共死;事务内的这一组操作要么全 ...
    
			
    2. 
						
  2. （一）我的Javascript系列：Javascript的面向对象旅程（上）
			
    今宵酒醒何处,杨柳岸,晓风残月 导引 我的JavaScript系列文章是我自己对JavaScript语言的感悟所撰写的系列文章.现在还没有写完.目前一共出了下面的系列: (三)我的JavaScript ...
    
			
    3. 
						
  3. [uva816]AbbottsRevenge Abbott的复仇(经典迷宫BFS)
			
    这题思路就普通的BFS加上一个维度朝向,主要是要注意输入,输出,以及细节的处理 #include<cstdio> #include<cstring> #include<q ...
    
			
    4. 
						
  4. 2018.4.21 如何正确快速安装／卸载云服务器Centos7安装GUI图形化界面GNOME桌面环境
			
    为云服务哦Centos安装图形化界面GNOME .KDE 1.开始前先验证一下能不能上网 ping www.baidu.com 2.接下来开始安装X(X Window System),命令为 yum  ...
    
			
    5. 
						
  5. Cross-Entropy Loss 与Accuracy的数值关系（很重要，很好的博客）
			
    http://www.cnblogs.com/dengdan890730/p/6132937.html
    
			
    6. 
						
  6. VA助手添加扩展文件后缀名
			
    Allow C/C++ files with a non-standard extension Follow these steps to make Visual Assist consider as ...
    
			
    7. 
						
  7. CPP-基础：新标准 C++iostream
			
    在新的标准 C++ iostream 库中: 1. open 函数不采用第三个参数(保护参数). 2. 无法从文件句柄创建流. 3. 除了几个例外,新的标准 C++ 库中的所有名称都在 std 命名空 ...
    
			
    8. 
						
  8. LibreOffice Writer Comment
			
    选择文字段后输入:Ctrl+Alt+C可以插入评论,但会出现: unknown author 解决方法:Tools>Options>LibreOffice>User Data. Fi ...
    
			
    9. 
						
  9. NSString 使用 copy、strong
			
    // 首先定义2个属性 @property (nonatomic, strong) NSString *stStr; @property (nonatomic, copy) NSString *coS ...
    
			
    10. 
						
  10. C语言预处理_05
			
    凡是以 “#”开头的均为预处理命令! 其定义的一般形式为: #define  标示符  字符串 对于宏定义说明以下几点: 1.宏定义是用宏名来表示一个字符串,在宏展开时又以该字符串取代宏名,这只是一种 ...
    
			
    11.