css解决边框重叠问题

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Tomhs3000/article/details/83275745

在某些情景下，多个元素的边框是重叠在一起的，这样内部边框就会因为重叠而显得比较粗。如下图所示。

而解决这个问题的方法有很多，这里推荐一种，给带有边框的元素设置如下样式margin：0 0 -borderwidth -borderwidth

这里的borderwidth即为边框的宽度，按照上图所示，则添加样式 margin: 0 0 -1px -1px;