重複するテーブル境界線の問題を解決する方法をCSS

<ul>
        <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> </ul>

*{ margin:0; padding:0;}
    ul{ width: 520px; height: 312px; margin: 50px auto; } ul li{ list-style: none; width: 100px; height: 100px; float: left; border: 1px solid #999; margin: 0 0 -1px -1px; } 

その上0 0 -width -width、私たちは、Liを設定するには、幅幅のボーダーである：ちょうどそれぞれのliセットのCSSプロパティの余裕を与えます