<b>DreamWeaver表格妙用-线框制作详解(5)</b>[DW设计]

4> 隔距边框的制作


　　“隔距边框”在中主要用来布列各个栏目或频道的项目列表用的,为了便利大家理解,笔者先把制作完成今后的效果图给大家展示下,以下:




　　下面是呼应的制作历程,（以制作三框隔距为例阐明）


　　首先在中插入一个1行3列的表格对象,在插入历程中直接把“Border”设定为0,“CellSpace”设定为2,“CellPad”设定为1,如图





　　注意:在这里举行设置,同属性板中是完好等效的.


　　鼠标按住左键不放,在各个单元格上拖动,同时选中3个单元格对象.在属性板中将其“Bgcolor”设定为“红色”,注意该颜色即隔距边框的颜色.


　　为了实现隔距的效果,我们这里要用到“嵌套表格”的制作了.笔者先奉告大家一些“嵌套”表格时的注意事项,在单元格中插入表格时,最好预先将单元格内容的定位属性“Horz”（左右位置）及“Vert”（上下位置）辨别设定为“Left”和“Top”,这样避免再次疗养嵌套表格大小时的不必要的麻烦,直接拖拉右下角便可实现.以下




　　顺次在三个单元格中插入一个表格对象,将“Border”,“CellSpace”,“CellPad”全部设定为“0”,同时在属性板中将每个表格的后台颜色均设定为同后台色“白色”,别的还有一点就是,将“Width”（宽）和“Height”（高）均设定为比例显示状况下的“100%”,这样可以使它按照大小自动充满整个单元格.


　　目前可以预览查看效果了.


　　在隔距边框的制作中,与细线边框的差别之处在于边框的宽度1是通过“CellPad”属性来实现的,而不是前面的“CellSpace”,这里的“CellPad”指的是单元格中内容与单元格的边界之间的距离,无疑本例中被我们作为内容插入的就是别的的三个表格.那么调整“CellSpace”可以改变各个边框的间距,比方“6”单位的效果





　　一样,近似的办法你可以制作出竖放的隔距边框.


　　上面我们具体的解析了几种中常见边框范例的制作历程,原理及调整办法.效果比较的情势相信越发有利于大家熟习它们各自的差别,从而加深印象,当然更但愿大家可以按照近似的思绪找到更多的边框效果.