〓〓博客知识〓〓 2008-12-13 19:53:40 阅读425 评论3 字号:大中小
一、代码
<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://brisagrafics.com/brisagrafics/brisagrafics/set9/imag2.gif border=0>
<TR>
<TD><a href=http://ahstbzp.blog.163.com/ >欢迎您光临</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://xz9.2000y.net/542657/uploadpic/2005041802263713730.gif border=0>
<TR>
<TD>
<TABLE cellSpacing=10 cellPadding=10 width="100%" align=right background=
http://img.blog.163.com/photo/PgMNnTvfR4eldfBaYiwURg==/2826571716128861328.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://img.photo.163.com/LzmExMr20SX2b020TQ8BSw==/856246879154701740.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://www.spiritisup.com/bearyannitile.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://ultimategraphicdesigns.com/bblisstile.jpg border=0>
<TR>
<TD>
<TABLE cellSpacing=8 cellPadding=8 width="100%" align=right background=
http://lazybones.gn.to/images/050210/star4_bk_line_pur.gif border=0>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=
http://img.photo.163.com/qYBzYQkLPDN0yaebIBBA0Q==/804736958416730826.gif border=0>
<TR>
<TD >
<P align=center><FONT color=#ffcc33 face=楷体 size=3>在这里置入文字,随着文字的增多,
边框的高度逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做
多层透明flash动画)。
</TD></TR></TBODY></TABLE>
效果:
依此类推,还可以制做六层、七层......套装边框。
在这里置入文字,随着文字的增多, 边框的高度逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做 多层透明flash动画)。
评论