如何用CSS工具制作一个个性的表格

1、#customers语句。我们通过这个定义语句对于表格的抬头、表格的主体进行各种属性的一一定义。这个案例当中，我们总共要定义三次。

2、#customers 表格。首先定义一下整个表格。#customers{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; border-collapse:collapse;}

3、#customers 表格。定义一下表格的内容部分。#customers td, #customers th{ font-size:1em; border:1px solid #94bf21; padding:3px 3px 1px 7px;}

4、#customers 表格。定义一下表格的阴影部分。#customers tr.alt td { color:#000000; background-color:#EAF2D3;}

5、把CSS样式赋予表格的内容。<tr class="alt"><td>Ernst Handel</td><td>Roland Mendel</td><td>Austria</td></tr>

6、设计窗口检查一下网页的效果。通过大量的样式设置，我们做出了一个极具个性化风格的表格。