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

只要给每个li设置css属性 margin：0 0 -width -width 就可以了,其中的width是我们给li设置的边框宽度