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

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

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



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

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


  现在能够预览查看效果了。


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

同样,类似的方法您能够制作出竖放的隔距边框。


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



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