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

猜你喜欢

转载自www.cnblogs.com/Better-Me/p/11719879.html