margin外边距负值解决border边框重叠加粗问题

当我们使用边框的时候，如果盒子相邻在一起，就会造成边框重叠加粗的问题，原本的1px的边框，重叠就会变成2px，造成加粗的效果。

边框重叠实例

下面是多个盒子边框重叠的实例。

可以看到右边框与左边框重叠，下边框与上边框重叠，造成加粗。

margin负值实例代码

<style>
    div {
   
        width: 200px;
        height: 300px;
        border: 1px solid #ccc;
    }
</style>
<bod