我现在在做一个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. Redis数据库1
			
    一.启动服务 #进入redis安装文件夹 cd /usr/local/redis/ #开启服务端(后端开启) ./bin/redis-server ./redis.conf #开启客户端 ./bin/ ...
    
			
    2. 
						
  2. iOS - NSString 封装
			
    在实际项目开发过程中,发现字符串使用频率还是非常高的,NSString提供了很多相关的API,但是在开发过程中发现很多业务功能都是相同的.因此根据在开发过程中遇到的字符串使用场景,进行了简单封装.具体 ...
    
			
    3. 
						
  3. redmine安装详解
			
    1.Linux:centos6.4(32位)2.Gcc的编译环境.使用make命令编辑.yum install gcc-c++ 3.PCRE PCRE(Perl Compatible Regular  ...
    
			
    4. 
						
  4. 一点对Promise的理解与总结
			
    全手打原创,转载请标明出处:https://www.cnblogs.com/dreamsqin/p/10959411.html,多谢,=.=~ axios用多了就开始疑惑它里面到底是个啥,虽然总被告知 ...
    
			
    5. 
						
  5. mdns小结
			
    mdns的功能和普通DNS很类似,即提供主机名到IP地址的解析服务.   mdns一些基本特性: 1,mdns主要为小型私有网络(不存在DNS)提供名称解析. 2,mdns使用多播(Multicast ...
    
			
    6. 
						
  6. webpack-dev-server配置指南webpack3.0
			
    最近正在研究webpack,听说webpack可以自己搭建一个小型的服务器(使用过vue-cli的朋友应该都见识到过),所以迫不及待的想要尝试一下.不过,在实际操作中发现,用webpack搭建服务器仍 ...
    
			
    7. 
						
  7. token_get_all()函数
			
    token_get_all (PHP 4 >= 4.2.0, PHP 5) token_get_all — 将提供的源码按 PHP 标记进行分割,可以用作php源代码的压缩,会按照固定的分解方法 ...
    
			
    8. 
						
  8. GoogleTest 之路2-Googletest  入门（Primer）
			
    Why googletest? 为啥要用GoogleTest呢? googletest 是由测试技术Team 开发的带有google 特殊的需求和限制的测试框架. 不管你在什么平台上写C++代码,go ...
    
			
    9. 
						
  9. 【Redis】DENIED Redis is running in protected mode
			
    .修改redis服务器的配置文件 vi redis.conf 注释以下绑定的主机地址 # bind 127.0.0.1 .修改redis服务器的参数配置 修改redis的守护进程为no ,不启用 &g ...
    
			
    10. 
						
  10. 微软与百度合作:win10搜索引擎默认百度
			
    全球最大的中文搜索引擎百度公司与微软公司共同宣布双方展开战略合作.百度并将成为中国市场上Windows 10 Microsoft Edge浏览器的默认主页和搜索引擎.也就是说,将来人们在win10的M ...
    
			
    11.