鸿 网 互 联 www.68idc.cn

Dreamweaver制作细线表格

来源:互联网 作者:佚名 时间:2015-02-08 07:20
表格是网页的重要组成部分,合理使用表格,将会使网页开起来更富特色,而其中的细线表格也是我们最常用的技巧,下面看看如何制作细线表格。 打开Dreamweaver(下文中该软件将简称为Dw)后,可以看到如下的界面(如图1): 图1.Dw窗口 首先,我们在工具面板中选择

表格是网页的重要组成部分,合理使用表格,将会使网页开起来更富特色,而其中的细线表格也是我们最常用的技巧,下面看看如何制作细线表格。

打开Dreamweaver(下文中该软件将简称为Dw)后,可以看到如下的界面(如图1):

图1.Dw窗口


首先,我们在工具面板中选择按钮创建一个表格,单击后,将会出现如图(2)所示的表格属性设置

图2.表格属性窗口


这里我们分别设置参数为:
行=1,列=1,宽度=270[象素],边框=0,单元格边距=0,单元格间距=1
这样设置后,将会在编辑区生成如图(3)所示的表格

图3.dw编辑区表格

此时,选中表格,将表格[背景颜色]设置为黑色,如图(4)所示

   图4.表格设置属性对话框

 


用鼠标选中表格的单元格,将单元格的[背景颜色]设置为白色,如图(5)所示

图5.单元格属性设置对话框

 

好了,细线表格完成,按下键盘的F12键,即可看到如图(6)的效果

图6.细线表格


提示:
1、Dreamweaver MX中细线表格的做法也可以参照本文
2、细线表格实际上是根据表格的间距颜色原理来制作的

网友评论
<