套装边框制做

一、代码

<TABLE  cellSpacing=A cellPadding=A width="100%" background=外层边框图片地址 border=0>

<TR>

<TD>

<TABLE cellSpacing=A cellPadding=A width="100%" align=right background=第二层边框图片地址

border=0>

<TR>

<TD>

<TABLE  cellSpacing=A cellPadding=A width="100%" align=right  background=第三层边框图片地址

border=0>

<TR>

<TD>

<TABLE cellSpacing=A cellPadding=A width="100%" align=right background=第四层边框图片地址

border=0>

<TR>

<TD>

<TABLE cellSpacing=A cellPadding=A width="100%" align=right background=第五层边框图片地址

border=0>

<TR>

<TD>

<TABLE cellSpacing=0 cellPadding=0 width="100%" background=底面背景图片地址 border=0>

<TR>

<TD >

<P align=center><FONT color=#ffcc33 face=楷体 size=3>在这里置入文字，随着文字的增多，

边框的高度逐渐放大。可以放加入背景图片的代码 ，在这里还可以放一个或多个动画代码（做

多层透明flash动画）。

</TD></TR></TBODY></TABLE>

注：A 表示各条边框的宽度尺寸，可调。

二、做两层套装边框和更多层的套装边框

1、两层套装边框代码

在代码

<TABLE  cellSpacing=A cellPadding=A width="100%" background=外层边框图片地址 border=0>

<TR>

<TD>

之下加入

<TABLE cellSpacing=A cellPadding=A width="100%" align=right background=第二层边框图片地址

border=0>

<TR>

<TD>

加入底面背景层和日志内容

<TABLE cellSpacing=0 cellPadding=0 width="100%" background=底面背景图片地址 border=0>

<TR>

<TD >

<P align=center><FONT color=#ffcc33 face=楷体 size=3>在这里置入文字，随着文字的增多，

边框的高度逐渐放大。可以放加入背景图片的代码 ，在这里还可以放一个或多个动画代码（做

多层透明flash动画）。

</TD></TR></TBODY></TABLE>

2、n层套装边框代码

在代码

<TABLE  cellSpacing=A cellPadding=A width="100%" background=外层边框图片地址 border=0>

<TR>

<TD>

之下加入

<TABLE cellSpacing=A cellPadding=A width="100%" align=right background=第二层边框图片地址

border=0>

<TR>

<TD>

......

<TABLE cellSpacing=A cellPadding=A width="100%" align=right background=第n层边框图片地址

border=0>

<TR>

<TD>

加入底面背景层和日志内容

<TABLE cellSpacing=0 cellPadding=0 width="100%" background=底面背景图片地址 border=0>

<TR>

<TD >

<P align=center><FONT color=#ffcc33 face=楷体 size=3>在这里置入文字，随着文字的增多，

边框的高度逐渐放大。可以放加入背景图片的代码 ，在这里还可以放一个或多个动画代码（做

多层透明flash动画）。

</TD></TR></TBODY></TABLE>

三、举例

1、两层套装边框

代码：

<TABLE  cellSpacing=30 cellPadding=30 width="100%" background=

http://image16.360doc.com/DownloadImg/2010/10/2417/6241166_1.gif border=0>

<TR>

<TD><a  href=http://blog.163.com/ciq080416nfk@126/  >欢迎您光临</a>

<TABLE cellSpacing=20 cellPadding=20 width="100%" align=right background=

http://img.blog.163.com/photo/NZniVh_ZwoNTEZlYsVNomA==/4833488300075631926.jpg border=0>

<TR>

<TD>

<TABLE cellSpacing=0 cellPadding=0 width="100%" background=

http://www.sun321.com/gd//other/young/youngtile.jpg border=0>

<TR>

<TD >

<P align=center><FONT color=#ffcc33 face=楷体 size=3>在这里置入文字，随着文字的增多，

边框的高度逐渐放大。可以放加入背景图片的代码 ，在这里还可以放一个或多个动画代码（做

多层透明flash动画）。

</TD></TR></TBODY></TABLE>

效果：欢迎您光临 在这里置入文字，随着文字的增多， 边框的高度逐渐放大。可以放加入背景图片的代码 ，在这里还可以放一个或多个动画代码（做多层透明flash动画）。

2、三层套装边框

代码：

<TABLE  cellSpacing=10 cellPadding=10 width="100%" background=

http://img.blog.163.com/photo/Wegatofi63EG_UQgd8qVzw==/1140536605632100892.jpg border=0>

<TR>

<TD>

<TABLE cellSpacing=10 cellPadding=10 width="100%" align=right background=

http://image16.360doc.com/DownloadImg/2010/10/2417/6241166_2.jpg border=0>

<TR>

<TD>

<TABLE cellSpacing=5 cellPadding=5 width="100%" align=right background=

http://img.blog.163.com/photo/-VjafDaTmh4k1H0PCVBBWQ==/2304998584283834879.jpg border=0>

<TR>

<TD>

<TABLE cellSpacing=0 cellPadding=0 width="100%" background=

http://image16.360doc.com/DownloadImg/2010/10/2417/6241166_3.jpg border=0>

<TR>

<TD >

<P align=center><FONT color=#ffcc33 face=楷体 size=3>在这里置入文字，随着文字的增多，

边框的高度逐渐放大。可以放加入背景图片的代码 ，在这里还可以放一个或多个动画代码（做

多层透明flash动画）。

</TD></TR></TBODY></TABLE>

效果： 在这里置入文字，随着文字的增多， 边框的高度逐渐放大。可以放加入背景图片的代码 ，在这里还可以放一个或多个动画代码（做多层透明flash动画）。

3、四层套装边框

代码：

<TABLE  cellSpacing=8 cellPadding=8 width="100%" background=

http://xz9.2000y.net/542657/uploadpic/2005041217304522986.jpg border=0>

<TR>

<TD>

<TABLE cellSpacing=5 cellPadding=5 width="100%" align=right background=

http://img.blog.163.com/photo/cLoJ6bwoONbIozq7BGQ03g==/4275323421258417832.jpg border=0>

<TR>

<TD>

<TABLE  cellSpacing=10 cellPadding=10 width="100%" align=right  background=

http://img.blog.163.com/photo/dTOpLoe8DbhlIffLVMc2-Q==/4241827899029869734.jpg border=0>

<TR>

<TD>

<TABLE cellSpacing=5 cellPadding=5 width="100%" align=right background=

http://img.photo.163.com/q4RFTNnULRwjIArNJJi0rw==/606860049788678226.gif border=0>

<TR>

<TD>

<TABLE cellSpacing=0 cellPadding=0 width="100%" background=

http://img.blog.163.com/photo/vnEMZngV6o0pX9XahPxnJw==/435723263950485931.jpg border=0>

<TR>

<TD >

<P align=center><FONT color=#ffcc33 face=楷体 size=3>在这里置入文字，随着文字的增多，

边框的高度逐渐放大。可以放加入背景图片的代码 ，在这里还可以放一个或多个动画代码（做

多层透明flash动画）。

</TD></TR></TBODY></TABLE>

效果： 在这里置入文字，随着文字的增多， 边框的高度逐渐放大。可以放加入背景图片的代码 ，在这里还可以放一个或多个动画代码（做多层透明flash动画）。

4、五层套装边框

代码：

<TABLE  cellSpacing=30 cellPadding=30 width="100%" background=

 http://image16.360doc.com/DownloadImg/2010/10/2417/6241166_4.gif border=0>

<TR>

<TD>

<TABLE cellSpacing=8 cellPadding=8 width="100%" align=right background=

http://img.blog.163.com/photo/cLoJ6bwoONbIozq7BGQ03g==/4275323421258417832.jpg border=0>

<TR>

<TD>

<TABLE  cellSpacing=15 cellPadding=15 width="100%" align=right  background=

http://img.photo.163.com/6N7HsJhZTePq8LZxg22uSQ==/610519224486200719.jpg border=0>

<TR>

<TD>

<TABLE cellSpacing=10 cellPadding=10 width="100%" align=right background=

http://image16.360doc.com/DownloadImg/2010/10/2417/6241166_5.jpg border=0>

<TR>

<TD>

<TABLE cellSpacing=8 cellPadding=8 width="100%" align=right background=

http://image16.360doc.com/DownloadImg/2010/10/2417/6241166_6.gif border=0>

<TR>

<TD>

<TABLE cellSpacing=0 cellPadding=0 width="100%" background=

http://image16.360doc.com/DownloadImg/2010/10/2417/6241166_7.gif border=0>

<TR>

<TD >

<P align=center><FONT color=#ffcc33 face=楷体 size=3>在这里置入文字，随着文字的增多，

边框的高度逐渐放大。可以放加入背景图片的代码 ，在这里还可以放一个或多个动画代码（做

多层透明flash动画）。

</TD></TR></TBODY></TABLE>

效果：            在这里置入文字，随着文字的增多， 边框的高度逐渐放大。可以放加入背景图片的代码 ，在这里还可以放一个或多个动画代码（做 多层透明flash动画）。

依此类推，还可以制做六层、七层......套装边框。