　　注意：在这里进行设置，同属性板中是完全等效的。

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

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

表格妙用-线框制作详解(5)（图三）

　　依次在三个单元格中插入一个表格对象，将“Border”，“CellSpace”，“CellPad”全部设定为“0”，同时在属性板中将每个表格的背景颜色均设定为同网页背景色“白色”，另外还有一点就是，将“Width”（宽）和“Height”（高）均设定为比例显示状态下的“100%”，这样可以使它根据大小自动充满整个单元格。

　　现在可以预览查看效果了。

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

表格妙用-线框制作详解(5)（图四）

　　同样，类似的方法你可以制作出竖放的隔距边框。

　　上面我们细致的剖析了几种网页中常见边框类型的制作过程，原理及调整方法。效果对比的形式相信更加有利于大家认识它们各自的差别，从而加深印象，当然更希望大家能够按照类似的设计思路找到更多的边框效果。

（出处：清风网络学院）

上一篇:DreamWeaver经典50问(四)

下一篇:Ultradev教程5.3:简单网站后台

表格妙用-线框制作详解(5) 相关文章：

·BIOS详解

·Photoshop十余种漂亮照片边框简单制作技巧

·图文详解 Windows 2003服务器集群安装

·教你如何制作QQ空间FLASH导航条

·Photoshop实例：制作超酷影片画面场景

·Flash制作漂亮的三重卷动相册特效动画

表格妙用-线框制作详解(5) 相关软件：

·暗黑破坏神 2：毁灭之王 1.10S极品属性装备制作器

·孙鑫VC++从入门到精通开发详解视频教程FLASH版

·家常菜制作集锦(1)

·启动光盘制作完全手册（菜鸟先飞图文教材系列）

·家常菜制作集锦(2)

·多种dos启动盘制作全攻略

·Flash MX 动画制作实例教程

·灵豚课件制作工具——课件精灵v1.0 beta

·卡丽来相片VCD制作系统 2003

·Photoshop数码照片制作宝典

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源：http://www.vipcn.net

	\| 帮助(？) \| 版权声明 \| 友情连接 \| 关于我们 \| 信息发布
Copyright 2007 www.vipcn.net All Rights Reserved.	鄂ICP备05000083号Powered by:viphot