纯CSS使用LI实现表格效果_层和布局特效

•       3/5
•       1
•       2
•       3
•       4
•       5

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!

      纯CSS使用LI实现表格效果，几乎和表格一模一样，再发动脑筋扩展一下，它就更完美了。

      <style> #div1 { width: 450px; border-top: #0066cc 1px solid; border-left: #0066cc 1px solid; } #div1 ul { width: 450px; margin: 0px; } #div1 li { float: left; width: 150px; height: 50px; list-style-type: none; border-right:#0066cc 1px solid; border-bottom: #0066cc 1px solid; text-align: center; line-height: 50px; } </style> <div id=div1> <ul> <li style=width:450px;>怎么样呢？</li> <li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li> </ul> </div>