转：用纯css建立好看的表格

http://aligooo.com.s1.66ns.com/Aligoooo_javascript/show.asp?id=658

<style type="text/css">
* {
	margin:0;
	padding:0;
	font-size:12px;
	/*color:#000;*/
}
.table {
	width:405px;
	margin:15px 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:#B2B7D9;

}
.table li.header {
	background:#D3E5FC;
}
</style>
<ul class="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>