Asp.NET Tutorials
Home > 其他 > 用DIV+UL+LI生成表格
用DIV+UL+LI生成表格

 

<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>

 

Add by : Huobazi (2005-5-10:11:04)