li表格

<ul id="biaoge"> <li class="biaotou">第一列</li> <li class="biaotou">第二列</li> <li class="biaotou">第三列</li> <li class="biaotou">第四列</li> <li>数据1-1</li> <li>数据1-2</li> <li>数据1-3</li> <li>数据1-4</li> <li>数据2-1</li> <li>数据2-2</li> <li>数据2-3</li> <li>数据2-4</li> <li>数据3-1</li> <li>数据3-2</li> <li>数据3-3</li> <li>数据3-4</li> <li>数据4-1</li> <li>数据4-2</li> <li>数据4-3</li> <li>数据4-4</li> </ul> <mce:style><!-- * { margin:0; padding:0; font-size:12px; color:#000; } #biaoge { width:405px; margin:50px auto; } #biaoge li,#biaoge li.biaotou { list-style-type:none; width:100px; height:30px; line-height:30px; text-align:center; float:left; margin-left:1px; margin-bottom:1px; background:#ccc; } #biaoge li.biaotou { background:#999; } --></mce:style><style mce_bogus="1">* { margin:0; padding:0; font-size:12px; color:#000; } #biaoge { width:405px; margin:50px auto; } #biaoge li,#biaoge li.biaotou { list-style-type:none; width:100px; height:30px; line-height:30px; text-align:center; float:left; margin-left:1px; margin-bottom:1px; background:#ccc; } #biaoge li.biaotou { background:#999; }</style>

你可能感兴趣的:(li表格)