本篇Dreamweaver教程探讨了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(边框组合)

本文由职坐标整理发布，欢迎关注职坐标常用软件Dreamweaver频道，获取更多Dreamweaver知识！