漂亮表格

http://peaklui.iteye.com/blog/381589

上面表格的代码:

<styletype="text/css">
caption{
padding:005px0;
font:italic30px"TrebuchetMS",Verdana,Arial,Helvetica,sans-serif;
text-align:center;
}

/*

TableCloth
byAlenGrakalic,broughttoyoubycssglobe.com

*//*generalstyles*/
table,td{
font:100%Arial,Helvetica,sans-serif;
}

table{
width:100%;
border-collapse:collapse;
margin:1em0;
}

th,td{
text-align:left;
padding:.5em;
border:1pxsolid#fff;
}

th{
background:#328aa4url(tr_back.gif)repeat-x;
color:#fff;
}

td{
background:#e5f1f4;
}

/*tableclothstyles*/
tr.eventd{
background:#e5f1f4;
}

tr.oddtd{
background:#f8fbfc;
}

th.over,tr.eventh.over,tr.oddth.over{
background:#4a98af;
}

th.down,tr.eventh.down,tr.oddth.down{
background:#bce774;
}

th.selected,tr.eventh.selected,tr.oddth.selected{

}

td.over,tr.eventd.over,tr.oddtd.over{
background:#ecfbd4;
}

td.down,tr.eventd.down,tr.oddtd.down{
background:#bce774;
color:#fff;
}

td.selected,tr.eventd.selected,tr.oddtd.selected{
background:#bce774;
color:#555;
}

/*usethisifyouwanttoapplydifferentstyleingtoemptytablecells*/
td.empty,tr.oddtd.empty,tr.eventd.empty{
background:#fff;
}
</style>

<table>
<caption>caption</caption>
<tr>
<th>...</th>
<th>...</th>
<th>...</th>
<th>...</th>
<th>...</th>
<th>...</th>
</tr>


<tr>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>


<tr>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>

<tr>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>

<tr>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</table>