用Dreamweaver CS6打造细线表格

 2022-07-14    478  

在网页设计过程中,细线表格的使用非常普遍。细线表格的制作说简单也简单,但到了制作的时候却经常记不起来。这里介绍两种方法,效果都很不错,建议收藏保存。

方法一:在dreamweaver中插入表格

设置表格边框粗细为“0”,单元格边距为“0”,单元格间距为“1”;

选中整个表格,右击“编辑标签<table>”,在标签编辑器 - table 窗口中设置表格的背景颜色为黑色;
光标定位到第一个单元格里拖选全部单元格,然后在属性面板中设置所有单元格的背景颜色白色。

这样一张细线表格完成了,实际效果如下:

   
   
   

方法二:利用css中的border-collapse属性

将border-collapse取值collapse,表示表格的两边框合并为一条。

<table width = "200" border="1" cellspacing="0" bordercolor="#000000" style="border-collapse:collapse">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<table>

实际效果如下:





感觉第二种方法使用起来最为便捷,尤其是修改已有表格为细线边框时最为实用。

上一篇>>当宇宙的尽头是编制……

=========================================

下一篇>>蔬菜的正确切法