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;
}
最终效果图