在前端开发中，边框border属性是经常会用到的一个属性，它可以给元素添加边框；但两个相邻的元素在一起同时添加了边框，就会出现一个问题，边框会重叠在一起（如下图），那么如何去掉重叠部分的边框？
首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟里面的小伙伴一起学习一起成长，不懂的问题也可以问我，随时给大家解答。再次感谢大家。
本篇文章就给大家介绍css解决边框重叠，即css去掉重叠边框的方法，让相邻的边框之间可以是单线的方式显示。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
边框重叠可以分为两种情况，分别为：
- 1、div，ul等元素盒子设置边框后的重叠问题
- 2、table表格设置边框后的重叠问题
下面我们就来介绍如何解决这些边框重叠问题的方法，用简单的代码示例来讲解
1、div，ul等元素盒子设置边框后的重叠问题
<!DOCTYPE html>
<html>
<head>
<meta charset=&#
最低0.47元/天 解锁文章
5779
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
