我现在在做一个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. html页面和jsp页面的区别
			
    html页面: html页面是静态页面,可以使用html+css+js实现页面的各种效果,单纯使用html布局出来的页面是设定好的页面,可以使用本地浏览器打开.同时搭配使用ajax实现数据交互效果的页 ...
    
			
    2. 
						
  2. BLL-IDAL-DAL的关系
			
    BLL  实现 IDAL  是一个接口 DAL 实现方法 BLL 调用IDAL 的方法 IDAL中的方法   在 DAL中必须实现 使用的方法  调用BLL的方法就可以
    
			
    3. 
						
  3. 首次将项目从eclipse提交到服务器的SVN
			
    1.在Eclipse项目中,点击需要提交到svn的项目,鼠标右键,如下图: 2.鼠标右键后,我们看到Team选项,在二级菜单中点击“Share Project”,这个时候弹出“Share Projec ...
    
			
    4. 
						
  4. servlet forword服务器端跳转
			
    web.xml中配置servlet的映射和访问路径 <?xml version="1.0" encoding="UTF-8"?><web-ap ...
    
			
    5. 
						
  5. 中国各运营商（电信、联通、移动、铁通）IP地址段
			
    除此电信.联通.移动.铁通之外还有教育网.科技网.广电.长城.广电…… 表格下载: http://files.cnblogs.com/files/xiaohi/中国IP网段.zip 以上资料参考: h ...
    
			
    6. 
						
  6. MYSQL内置函数总结
			
    时间转换为字符串: SELECT date_format(Date, '%Y-%m-%d %H:%i:%s' ) AS TimeFROMtable o convert函数转换为字符串的时候不存在类型为 ...
    
			
    7. 
						
  7. 广播监听USB插入与拔出
			
    package com.joy.usbbroadcastreceiver; import android.content.BroadcastReceiver; import android.conte ...
    
			
    8. 
						
  8. java中IO流之字节字符流的总结概述
			
    概念        这么庞大的体系里面,常用的就那么几个,我们把它们抽取出来,如下图: Java语言定义了许多类专门负责各种方式的输入或者输出,这些类都被放在java.io包中.其中, 所有输入流类都 ...
    
			
    9. 
						
  9. cena 测评机下载地址
			
    以下是cane的下载地址,现在分享给你们,希望有所帮助 下载地址百度云:https://pan.baidu.com/s/1JBXiVSZy-jhIc0V-F2ESPA 密码:hgtk 点击下载即可.  ...
    
			
    10. 
						
  10. 如何用纯 CSS 创作一个行驶中的火车 loader
			
    效果预览 在线演示 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/RBLWzJ 可交互视频  ...
    
			
    11.