注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

乘成休闲吧

聆听天籁之音,共享情趣人生。

 
 
 

日志

 
 

自己动手制做套装边框  

2008-12-13 19:53:40|  分类: 〓〓博客知识〓〓 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

一、代码

<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动画)。

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

 

  图片居中的链接(代码) - 乘成 - 乘成休闲吧   乘成欢迎你

 

  评论这张
 
阅读(2041)| 评论(11)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017