CSS-重複する境界線を削除します

Css Remove Overlapping Borders

境界線を重ねるテーブルはとてもシンプルです

table{ border-collapse:collapse }

ただし、テーブルを使用してグリッドを作成しない場合、border-collapseプロパティは有効になりません。 ulliで生成されたグリッドは次のとおりです。

改善されたコード:(赤いコードを追加）

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

最終レンダリング