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;
}

最終效果圖