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