CSS——去重叠边框

table去重叠边框十分简单

table{
  border-collapse:collapse;
}

然而在不适用table制作格子的情况下，border-collapse属性就无法生效了。ul li生成格子如下：

改进代码：（增加红色部分代码）

ul{
    display: flex;
    flex-wrap: wrap;
    width:100%;
}
ul li{
    width: 33%;
    padding:30px 15px;
    border: 1px solid #999;
    margin:0px 0px -1px -1px;
}

最终效果图