本文通过实例演示了如何使用CSS和DIV元素实现表格布局效果，详细介绍了各样式属性的应用及组合方式，为前端开发者提供了实用的参考案例。
<style>
#div{ width:500px; padding-top:10px; }
ul,li{ list-style:none; padding:0; }
li{ width:120px; float:left; margin:-1px 0 0 -1px;padding:0 2px; border:1px solid #000;line-height:25px}
</style>
<div id="div">
<ul>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
</ul>
</div>
#div{ width:500px; padding-top:10px; }
ul,li{ list-style:none; padding:0; }
li{ width:120px; float:left; margin:-1px 0 0 -1px;padding:0 2px; border:1px solid #000;line-height:25px}
</style>
<div id="div">
<ul>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
</ul>
</div>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
