手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网页制作>Dreamweaver>列表

DreamWeaver表格妙用-线框制作详解(二)

来源:互联网 作者:west263.com 时间:2008-02-23
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!
2> 细线边框的制作


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


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


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



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




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


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



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



为了便于大家理解,这里笔者再稍微解释下。其中我们将“CellSpace”设定为1,在设定表格的背景颜色时,无疑已包括了这一部分。而后面的单元格设定则恰好把他“甩”下了。这样就促成了显示上的效果,那么改变表格背景色也就是改变边框的颜色了。


文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!