1. 程式人生 > >CSS——去重疊邊框

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

最終效果圖