如果你在编写日志的时侯,给所写的日志加一个边框,那你的文章一定会增色不少。但是对于初来博客的朋友来说,不知该如何下手,看着他人博客多姿多彩很是羡慕,我刚开始也有与你同样的心情,通过后来请教老师,再自己慢慢摸索,才初步掌握了代码知识,今天就和朋友交流交流。做边框主要的材料就是背景图片,用各种代码串联起来就行了。那我们就先下载一些背景图片吧:
|
背景图片有好多种,分动态和静态,还有闪光和透明等,如:
还有边框图片,长条图片等,我就不一一举列了。下面说说怎样代入代码中去:
这是单线透明边框,文字的输入地方,随着文字的增多,就逐渐放大。可以放加入背景图片的代码
,在这里还可以放一个或多个动画代码(做多层透明flash动画),边框的粗细及颜色都可调换。它的代码:
<TABLE
cellSpacing=2 cellPadding=2 width=750 align=center
background=http://img.bimg.126.net/photo/axLSEpvSJw91z0kBVsb_HQ==/1730226681840903392.jpg
border=5> <TBODY> <TR> <TD> <P><FONT
face=宋体 color=#ccffcc size=5> 这是单线透明边框,文字的输入地方,随着文字的增多,就逐渐放大。可以放加入背景图片的代码
,在这里还可以放一个或多个动画代码(做多层透明flash动画),边框的粗细及颜色都可调换。它的代码:</P>
|
这是单线有底图边框,文字的输入地方,随着文字的增多,就逐渐放大。在这里还可以放一个或多个动画代码(做多层透明flash动画)。它的代码:
<TABLE
cellSpacing=2 cellPadding=2 width=750 align=center
background=http://img.bimg.126.net/photo/axLSEpvSJw91z0kBVsb_HQ==/1730226681840903392.jpg
border=5> <TBODY> <TR> <TD> <P><FONT
face=宋体 color=#ccffcc
size=5> 这是单线有底图边框,文字的输入地方,随着文字的增多,就逐渐放大。在这里还可以放一个或多个动画代码(做多层透明flash动画)。它的代码:</P>
|
这就是典型的三层边框,在这里写文字上图片和fiash都行,你只要调换图片就变成你的自己的边框了。它的基本代码是:
<TABLE
cellSpacing=50 width="100%" align=center background=图片地址一
border=0> <TBODY> <TR> <TD> <TABLE
cellSpacing=0 cellPadding=4 width="100%" background=图片地址二
border=0> <TBODY> <TR> <TD> <TABLE
cellSpacing=0 cellPadding=4 width="100%" background=图片地址三
border=0> <TBODY> <TR> <TD> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 我的代码是:
<DIV> <TABLE cellSpacing=15
cellPadding=0 width=760 align=center
background= http://img.bimg.126.net/photo/R-zJIuKDyJToIqJwgfpDQg==/4299530269256535847.jpg
border=1> <TBODY> <TR> <TD> <TABLE
cellSpacing=9 cellPadding=0 width=730 align=center
background= http://img.bimg.126.net/photo/ltf2O6ZI8GQdM-BpuvDCsA==/2823475491385878342.jpg
border=1> <TBODY> <TR> <TD> <TABLE
cellSpacing=9 cellPadding=1 width=712 align=center
background =http://img.bimg.126.net/photo/xOcd4Vywjbk9oElJhV-wzQ==/4550324473504699250.jpg
border=1> <TBODY> <TR> <TD>我的代码是:</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY> <DIV></DIV></DIV> | | |
再提供一些现成的边框,边框图片最好下载后再上传你的相册,以防今后失效:
评论