<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>www.webjx.com</title> <style type="text/css"> * { margin:0; padding:0; font-size:12px; color:#000; } #table { width:405px; margin:50px auto; } #table li,#table li.header { list-style-type:none; width:100px; height:30px; line-height:30px; text-align:center; float:left; margin-left:1px; margin-bottom:1px; background:#ccc; } #table li.header { background:#999; } </style> </head> <body> <ul id="table"> <li class="header">第一列</li> <li class="header">第二列</li> <li class="header">第三列</li> <li class="header">第四列</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> </body> </html>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
