2008-01-19

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>
评论
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>
发表评论

您还没有登录，请登录后发表评论

Heraclesun
搜索本博客
博客分类
最近加入圈子
最新评论