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>

评论

1 楼 Heraclesun 2008-01-21  

<style>
#div{ width:800px; padding-top:10px; }
#div ul,li{ list-style:none; padding:0;float:left;;padding:1px 0 0 1px;}
#div li{ width:160px; float:left; margin:-1px 0 0 -1px;padding:0 2px; border:1px solid #000;line-height:50px; text-align: center;}
.up{margin:14px 0 14px 0}
</style>
<div id="div">
<ul>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li><input type="submit" value="caozuo" class="up"></input></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>