素材/网络 编辑/琴阁
在制作多层边框时,如何协调好边框与边框间的距离也很关键.前提是你必须熟
念撑握边框的制作过程及各代码的表达的含意.这一讲,还是从简单的三层边开始.
下面的代码就是一个典型的三层边框代码:
<TABLE cellSpacing=15 cellPadding=0 width=600 align=center background=http://xz1.2000y.net/348114/uploadpic/2004113022914884.gif border=0> <TBODY> <TR> <TD> <TABLE cellSpacing=5 width="100%" background=http://img.blog.163.com/photo/JB_kiOmrfwyxSRfA6v_TWg==/2298243184842961138.jpg border=0> <TBODY> <TR> <TD> <TABLE cellSpacing=15 cellPadding=0 width="100%" background=http://img.blog.163.com/photo/AF-s9HYrWM638V9wcCKxHw==/895371900917079912.jpg border=0> <TBODY> <TR> <TD><FONT color=#ffffff>填写内容</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
效果图如下:
说明:
1、下面的三张图片,就是为制作该边框选取的素材; 第一张为该边框最外层背景图;第二张中间层图片;
第三张为最内层图片边框.
2、上述代码中的兰色处为最外层(第一层)边框图片地址 ;兰色处为中间层(第二层)边框图片地址
;红色处为最内层(第三层)边框图片地址;
3、第一处绿色处的cellSpacing=15 表示第一层边框的粗细值、第二处兰色处的cellSpacing=15
表示中间层边框的粗细值、第三处红色处的cellSpacing=15 表示内层边框的粗细值;
4、实例操作:将上述代码中的cellSpacing的数值都设置为cellSpacing=25后,则显示如下效果图.
效果图如下:
|
评论