为什么用Dreamweaver做出来的表格线那么粗（转）

　为什么用Dreamweaver做出来的表格线那么粗
解决思路：
如果仅仅是定义表格的边框为1和边框颜色值，表格线是很粗的，要做细线表格的话需要掌握一点技巧。
具体步骤：
方法一：设置表格的背景色和单元格背景色。
1.在Dreamweaver中按Ctrl+Alt+T，弹出插入表格的对话框，参数设置如图 1.2.2 所示(带红框项为固定值，否则无效果)：

图1.2.2 【Table】 对话框

2.选中表格，在属性面板中设置表格的背景颜色(图 1.2.3)：

图1.2.3 在属性面板中设置表格的背景色

3.光标定位到第一个单元格里，按住Shift键单击最后一个单元格全选所有单元格，然后在属性面板中设置所有单元格的颜色：

图1.2.4 在属性面板中设置单元格的背景颜色

 3.保存，预览。效果如图1.2.5所示。

图1.2.5 细线表格效果预览
方法二：利用表格的暗边框(bordercolordark)和亮边框(bordercolorlight)属性做的细线表格。
1.还是按Ctrl+Alt+T插入表格，在对话框中设置如图(带红框项为固定植，否则无效果)

图1.2.6 【Table】 对话框
2.选中表格后按F9，展开Tag Inspector面板组，在 Attributes 面板中设置暗边框和亮边框(图 1.2.7)。

图1.2.7 设置表格的亮边框和暗边框

3. 保存，预览。效果如图1.2.8所示。

图1.2.8 细线表格效果预览

方法三：设置表格的CSS属性border-collapse为collapse。
1.按Ctrl+Alt+T插入表格，对话框的参数设置同图 1.2.5。
2.选中表格，在属性面板中设置表格的边框颜色(图 1.2.9)。

图1.2.9 在属性面板中设置表格的边框颜色

3.按F9展开 Tag Inspector 面板，在 Attributes 面板中的 style 里输入

border-collapse:collapse;

如图 1.2.9 所示。

图1.2.9 定义表格的样式

4. 保存，预览。效果如图1.2.10所示。

图1.2.10 细线表格效果预览

 注意：方法三所作的细线表格只适用于IE5+，兼容性最好的是方法一，方法二并不是严格意义上的细线表格
特别提示
在Dreamweaver 中做好的细线表格并不能即时显示出效果，必须在浏览器中浏览。

特别说明

本例通过细线表格的制作，主要运用了表格的bgColor、border、borderColor、borderColorDark、borderColorLight和cellSpacing等属性。
bgColor 设置或获取对象后面的背景颜色。
border 设置或获取绘制对象周围边框的宽度。
borderColor 设置或获取对象的边框颜色。
borderColorDark 设置或获取用于绘制对象 3D 边框的两种颜色的一种。 
borderColorLight 设置或获取用于绘制对象 3D 边框的两种颜色的一种。
cellSpacing 设置或获取表格中单元格之间的空间总量。 
cellPadding 设置或获取介于单元格边框和单元格内容之间的空间总量。
CSS属性：border-collapse
设置或获取表明表格行和单元格边框是组合为单一边框还是像标准 HTML 那样分离。
可选值：separate(边框独立，默认值) 或 collapse(边框组合)