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设置的边框宽度