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

转载于:https://www.cnblogs.com/yushiro/archive/2008/04/28/1174970.html