推荐一篇利用th,colgroup,col定义表格样式

color:#454545;

font:11px/150%Verdana,Arial,Helvetica,sans-serif;


th

padding:3px7px;

border:1pxsolid#f60;

border-width:2px1px1px;

background:#ffffe1;


td

padding:3px7px;

border:1pxsolid#f60;


col
Col1
text-align:right;

background:#f5f5f5;


col
Col2
color:#00c;


col
Col3
font-style:italic;



抛砖引玉，更多效果就由你DIY了！
<style> table.Demo { border-collapse: collapse; color: #454545; font: 11px/150% Verdana, Arial, Helvetica, sans-serif; } table.Demo th { padding: 3px 7px; border: 1px solid #f60; border-width: 2px 1px 1px; background: #ffffe1; } table.Demo td { padding: 3px 7px; border: 1px solid #f60; } table.Demo col.Col1 { text-align: right; background: #f5f5f5; } table.Demo col.Col2 { color: #00c; } table.Demo col.Col3 { font-style: italic; } </style> <th>TagName</th> <th>ClassName</th> <th>CSS</th> <colgroup> <col class="Col1" /> <col class="Col2" /> <col class="Col3" /> </colgroup> table Demo border-collapse: collapse; color: #454545; font: 11px/150% Verdana, Arial, Helvetica, sans-serif; th padding: 3px 7px; border: 1px solid #f60; border-width: 2px 1px 1px; background: #ffffe1; td padding: 3px 7px; border: 1px solid #f60; col Col1 text-align: right; background: #f5f5f5; col Col2 color: #00c; col Col3 font-style: italic;

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]