DW表格应用之细线框的制作

来源：网页教学网 作者： 出处：巧巧读书 2007-12-03 进入讨论组

• 关 键 词：

　　细线边框是网页中定位区分内容常用的一种方法，配合特定图片的使用，往往能够达到不错的效果，那么如何制作细线边框呢？

　　大家都知道，所谓细线边框，大体外观上就是一个简单的1行1列表格，那么我们直接把表格对象的Border值设定为1不就可以了吗？请看下面的制作效果：

　　同样在网页中指定位置插入一个单行单列的表格，用鼠标单击表格外框的任何一个部位以选中它，在属性板中将“Border”值设定为1，也可以同时将另外的“CellPad”和“CellSpace”置零，如图：

• 改改小小细节 Excel表格立刻变得更
• 改改小细节 Excel表格立刻变得更漂
• Java操作Excel电子表格
• 用EXCEL表格帮忙绘制AUTOCAD同心圆
• 一劳永逸 把Excel表格搬到网上
• 巧妙处理有多个合并单元格的复杂Ex
• 电子表格管账就是这么简单！
• 电子表格管账就这么简单
• 在PowerPoint中轻松插入Excel表格
• coldraw中表格的解决方法

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





　　从上面的图示中，不难看出简单的边框置1达不到效果，下面我们看下，如何通过对表格的“巧妙”设置来实现要求的细度。

　　同样在上面的表格中，将属性板中，“border”、“cellpad”设置为“0”，“cellspace”设置为“1”，注意“Cellspace”指的是单元格与单元格之间的距离大小。如图



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



　　为了便于大家理解，这里笔者再稍微解释下。其中我们将“CellSpace”设定为1，在设定表格的背景颜色时，无疑已经包括了这一部分。而后面的单元格设定则恰好把它“甩”下了。这样就促成了显示上的效果，那么改变表格背景色也就是改变边框的颜色了。转载保留：http://www.qqread.com/dreamweaver/2007/12/q383891.html进入讨论组讨论。

【收藏此文】【大 中 小】【打印】【关闭】

较早的文章：Dreamweaver制作网页的七大绝招

较新的文章：Dreamweaver架设网站高级教程