问题描述

在前端开发中，边框border属性是经常会用到的一个属性，它可以给元素添加边框；但两个相邻的元素在一起同时添加了边框，就会出现一个问题，边框会重叠在一起（如下图），那么如何去掉重叠部分的元素呢？

解决后

边框重叠的两种常见情况

1. div、ul等元素盒子设置边框后的重叠问题
2. table表格设置边框后的重叠问题 两种重叠情况的解决方法不一样，分开讲解

解决div、ul等元素盒子设置边框后的重叠问题

margin : 0px -1px -1px 0px;  // 上、右、下、左，逆时针

解决table表格设置边框后的重叠问题

border-collapse : collapse; // collapse可翻译为折叠

参考链接

zhuanlan.zhihu.com/p/138310384