
预览状态下的不同效果图示:


从上面的图示中,不难看出简单的边框置1达不到效果,下面我们看下,如何通过对表格的“巧妙”配置来实现需要的细度。
同样在上面的表格中,将属性板中,“border”、“cellpad”配置为“0”,“cellspace”配置为“1”,注意“Cellspace”指的是单元格和单元格之间的距离大小。如图

将表格的“Bgcolor”设定为“红色”,同时将单元格的“Bgcolor”设定为同网页背景色-“白色”,预览效果如图:

为了便于大家理解,这里笔者再稍微解释下。其中我们将“CellSpace”设定为 1,在设定表格的背景颜色时,无疑已包括了这一部分。而后面的单元格设定则恰好把他“甩”下了。这样就促成了显示上的效果,那么改变表格背景色也就是改变边框的颜色了。
DreamWeaver表格妙用-线框制作详解(四)
3> “粗”线边框的制作
有了上面介绍细线边框的制作基础,相信大家理解粗线边框就简单多了。粗线边框就是一种边框特别粗的效果,他往往配合其他网页元素来完成指定效果的。
在细线边框制作中,我们提到单纯将“Border”设定为1达不到“细化”需要,那么粗度应该没有问题了吧,很好,因此粗线边框的制作就有了两种方法。
方法一:利用Border来实现
选中已插入的表格,在属性板中将“Border”值设定为“8”(可为需要宽度的任意值),同时特别注意要把“CellSpace”重置为“0”,最后通过“Brdr color”设定边框的颜色,这里仍以红色为例,如图

预览效果如图:


方法二:通过CellSpace的差距来实现
关于利用CellSpace实现的过程这里就不在赘述了,只要将细线边框制作时的“CellSpace”也设定为“8”,就能达到和上面完全相同的效果啦。
DreamWeaver表格妙用-线框制作详解(五)
4> 隔距边框的制作
“隔距边框”在网页中主要用来排列各个栏目或频道的项目列表用的,为了方便大家理解,笔者先把制作完成以后的效果图给大家展示下,如下:

下面是相应的制作过程,(以制作三框隔距为例说明)
首先在网页中插入一个1行3列的表格对象,在插入过程中直接把“Border”设定为0,“CellSpace”设定为2,“CellPad”设定为1,如图

注意:在这里进行配置,同属性板中是完全等效的。
鼠标按住左键不放,在各个单元格上拖动,同时选中3个单元格对象。在属性板中将其“Bgcolor”设定为“红色”,注意该颜色即隔距边框的颜色。
文章整理:西部数码--专业提供域名注册、虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!




