Dreamweaver制作细线表格

王朝html/css/js·作者佚名  2008-05-19
窄屏简体版  字體: |||超大  

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

打开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、细线表格实际上是根据表格的间距颜色原理来制作的

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航