代码改变世界

用DIV+UL+LI生成表格

2008-04-28 18:03  清炒白菜  阅读(597)  评论(1)  编辑  收藏  举报
<html>
<head>
<style>
<!--
#table {
clear:none;
width:300px;
border-top:1px #000 solid;
}
#table ul {
clear:left;
margin:0px;
padding:0px;
width:301px;
list-style-type:none;
border-bottom:1px #000 solid;
border-left:1px #000 solid;
}
#table li {
float:left;
display:block;
margin:0px;
padding:0px;
border-right:1px #000 solid;
width:60px;
}
-->
</style>
</head>
<body>
<div id="table">
<ul>
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
<li>456</li>
</ul>
<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>def</li>
</ul>
<ul>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>DEF</li>
</ul>
<ul>
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
<li>456</li>
</ul>
<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>def</li>
</ul>
<ul>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>DEF</li>
</ul>
<ul>
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
<li>456</li>
</ul>
<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>def</li>
</ul>
</div>
</body>
</html>