1:复制下面的《颜色边框制作代码》:
<TABLE borderColor=#80c000 cellSpacing=2 cellPadding=6 width=680 align=center bgColor=#c0ff80 border=40>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#8c8c00 cellSpacing=1 cellPadding=4 width=630 align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<P dir=ltr style="MARGIN-RIGHT: 0px"><FONT size=4></FONT><STRONG><FONT color=#ffffff> </FONT></STRONG></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
2:在显示HTML代码状态下,把上面的代码粘贴到日志编辑框内,然后再点击
“隐藏HTML代码”,就制作成了如下的颜色背景边框:
3:选择一幅素材图片,利用ISEE图片专家软件(或其他图片处理软件)把素材图片加工成适当尺寸,为了好看点,我在这里给图片加了个简易相框,效果如下:
4:把上面加工制作好的图片上传到博客相册中,然后再利用“插图”功能把图片插入到背景边框中(也可以把相册中的图片按原尺寸复制粘贴到边框内),并加入适当文字,就制作好了,如下图所示:
在此写入博客日志……
点击浏览更多 说明:代码中的颜色和尺寸可以根据自己的需要进行调整。调整颜色和尺寸可以制作出各种不同颜色和尺寸的边框。我发表的许多背景边框就是利用这种方法制作的。这种方法的优点是:制作简单,制作成的边框美观大方简洁雅致,使用起来又很方便。
首页模块代码分享
博客◆装饰HTML字库代码日志背景边框做帖子的一些常用代码各类相册制作代码透明FLASH素材颜色代码表博客装饰-漂亮日志代码可换文字随鼠标的星光链一周学会用代码做音画贴音画边框制作及代码让日记发出声音~女人声立体魔方等特效代码移动文字+背景音乐图片上贴多个flash代码点击这里阅览更多模块代码分享代码复制:
<TABLE style="WIDTH: 175px; HEIGHT: 100px;" cellSpacing="0" borderColorDark="#608040" cellPadding="0" width="175" align="center" bgColor="#a0c060" borderColorLight="#608040" border="2" > <TBODY> <TR> <TD> <TABLE borderColor="#608040" cellPadding="0" border="4" > <TBODY> <TR> <TD> <TABLE style="WIDTH: 154px; HEIGHT: 300px;" borderColor="#800000" cellSpacing="0" cellPadding="0" width="154" align="center" border="1" > <TBODY> <TR></TR></TABLE> <TABLE style="WIDTH: 154px; HEIGHT: 300px;" borderColor="#800000" cellSpacing="0" cellPadding="0" width="154" align="center" border="1" > <TBODY> <TR></TR></TABLE> <CENTER> <CENTER> <TABLE style="WIDTH: 175px; HEIGHT: 70px;" borderColor="#a0c080" height="70" cellSpacing="3" cellPadding="4" width="175" bgColor="#a0c060" border="4" > <TBODY> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#fffff0" > <TD colSpan="2" ><FONT color="#ff6600" ><B><IMG src="
http://image85.360doc.com/DownloadImg/2015/05/1221/53478114_4.gif" width="150" > </B></FONT></TD> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" ></TR></TR></TABLE> <DIV style="SCROLLBAR-FACE-COLOR: #bdcc12; SCROLLBAR-HIGHLIGHT-COLOR: #f8ecd8; OVERFLOW: scroll; WIDTH: 175px; SCROLLBAR-SHADOW-COLOR: #20286e; SCROLLBAR-3DLIGHT-COLOR: #cacff4; SCROLLBAR-ARROW-COLOR: #cacff4; SCROLLBAR-TRACK-COLOR: #80a040; SCROLLBAR-DARKSHADOW-COLOR: #f8ecd8; HEIGHT: 325px; BACKGROUND-COLOR: #000000;" > <TABLE style="WIDTH: 170px; HEIGHT: 70px;" borderColor="#a0c080" height="70" cellSpacing="3" cellPadding="4" width="170" bgColor="#a0c060" border="4" > <TBODY> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD colSpan="2" ><FONT face="宋体" color="#207af6" ><STRONG> <P><FONT color="#000000" size="2" ><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/278211432008229111531191/" ><FONT face="宋体" color="#000000" ><STRONG><B>博客◆装饰</B></STRONG></FONT></A></FONT></P></STRONG></FONT></TD></TR> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD> <P align="left" ><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/278211432007514105334354/" ><FONT color="#000000" >HTML字库代码</FONT></A></P></TD></TR> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD> <P align="left" ><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/2782114320102256422770/" ><FONT color="#000000" >日志背景边框</FONT></A></P></TD></TR> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD> <P align="left" ><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/278211432007514105641547/" ><FONT color="#000000" >做帖子的一些常用代码</FONT></A></P></TD></TR> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD> <P align="left" ><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/27821143200742275142775/" ><FONT color="#000000" >各类相册制作代码</FONT></A></P></TD></TR> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD> <P align="left" ><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/27821143200742472535869/" ><FONT color="#000000" >透明FLASH素材</FONT></A></P></TD></TR> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD> <P align="left" ><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/27821143200863172633484/" ><FONT color="#000000" >颜色代码表</FONT></A></P></TD></TR> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD> <P align="left" ><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/27821143200742473944416/" ><FONT color="#000000" >博客装饰-漂亮日志代码</FONT></A></P></TD></TR> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD> <P align="left" ><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/27821143201041563845483/" ><FONT color="#000000" >可换文字随鼠标的星光链</FONT></A></P></TD></TR> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD> <P align="left" ><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/2782114320099221748184/" ><FONT color="#000000" >一周学会用代码做音画贴</FONT></A></P></TD></TR> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD> <P align="left" ><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/2782114320083610237304/" ><FONT color="#000000" >音画边框制作及代码</FONT></A></P></TD></TR> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD> <P align="left" ><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/27821143201056144552/" ><FONT color="#000000" >让日记发出声音~女人声</FONT></A></P></TD></TR> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD> <P align="left" ><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/2782114320076610201846/" ><FONT color="#000000" >立体魔方等特效代码</FONT></A></P></TD></TR> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD> <P align="left" ><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/27821143200742472050157/" ><FONT color="#000000" >移动文字+背景音乐</FONT></A></P></TD></TR> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD> <P align="left" ><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/27821143200836102555733/" ><FONT color="#000000" >图片上贴多个flash代码</FONT></A></P></TD></TR> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD colSpan="2" > <MARQUEE scrollAmount="3" direction="right" width="5%" ><FONT face="宋体" color="#000000" ></FONT></MARQUEE><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/278211432008229111531191/" ><FONT face="宋体" color="#000000" ><STRONG>点击这里阅览更多</STRONG></FONT></A></TD></TR> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD> <TABLE style="WIDTH: 120px; HEIGHT: 20px;" borderColor="#a0c080" height="20" cellSpacing="1" cellPadding="2" width="120" bgColor="#a0c060" border="4" > <TBODY> <TR align="middle" borderColorLight="#2a404b" borderColorDark="#fffff0" > <TR align="middle" borderColorLight="#2a404b" borderColorDark="#eeeeee" > <TD width="50%" ><A target="_blank" href="
http://wcxh.ok.blog.163.com/blog/static/27821143201051081455348/" ><STRONG><FONT color="#000000" >模块代码分享</FONT></STRONG></A></TD></TR></TR></TABLE></TD></TR></TABLE></DIV></CENTER></CENTER></TD></TR></TABLE></TD></TR></TABLE>