不同浏览器表格边框样式不一致的解决方法

现象描述：

直接使用DreamWeaver制作的表格，在没有使用CSS情况下，一般默认的效果如下：

没有CSS的装饰，表格边框太粗，太难看了，怎么样能制作一个效果较好的表格呢？

需求描述：

使用Css样式，定义一个边框为1px的表格，且在不同浏览器下显示一致。

实现方法：

代码一：

table{border-collapse:separate; background:#aaa; border-spacing:1px;} td{ background:#fff;}

代码二：

table{border-collapse: collapse;border: 1px solid #aaa;} table td {border: 1px solid #aaa;}

上边两种代码，可以灵活的使用Css样式进行调整边框的样色，和宽度。