说说用于美化博客边框制作的简单方法！

sundewa 2012-05-09

展开全文

说说用于美化博客边框制作的简单方法！

(2010-12-23 20:28:30)

转载▼

标签：

边框

效果图

各边

五角星

a2

分类：美化博客简易制作方法

祝朋友们圣诞快乐！

请您点击下图五角星带给您祝福！

音画来源：英雄愽客

调用地址：http://www.xcwhw.cn/fla/tx/lz112.swf?t1=这里可以添加文字

温馨提示：

1、把flash地址后面的“这里可以添加文字”换成你想说的话。

2、把鼠标放在圣诞树顶端的五角星上面，就可看到你写上的文字内容。

3、点击五角星可以听到“圣诞英语祝福”音乐。

4、鼠标划过小花环可听到圣诞铃声。

※赶快试试吧，很有意思的，为你在节日里增添点快乐。

为满足关注俺且喜欢美化博客的朋友们的需要，今天俺就将开博以来自己学到的边框制作方法及实例图拿出来晒晒，供喜欢的朋友们学习分享。

编制边框首先要学习THML语言标签代码。这对于年龄较大的朋友们以及没有英语基础的朋友们来说相对较难。因此，俺就将编制好的边框代码，发到博客。喜欢的朋友们可复制到自己的文档予以保存。使用的时候，即可根据自己喜欢的颜色、图片修改即可。下面就发两组边框代码及效果图。

一、颜色边框的代码及优缺点（1）：优点，边框颜色背景永远不会丢失。缺点：不漂亮。

<TABLE cellSpacing=15 borderColor=#ff9999 cellPadding=0 width=620 bgColor=#ff0000 align=center height=100>

<TBODY>

<TR>

<TD align=middle>

<TABLE border=2 cellSpacing=8 borderColor=#ffff00 cellPadding=0 width=620 bgColor=#ff00ff align=center height=100>

<TBODY>

<TR>

<TD align=middle>

<TABLE border=1 cellSpacing=2 borderColor=#ff9999 cellPadding=0 width=620 bgColor=#ff9999 align=center height=100>

<TBODY>

<TR>

<TD align=middle>

<P> 添加文字或图片</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

以上红色部分的数字=各边的宽度与高度的数值；绿色部分=各边及背景的颜色。喜欢宽边的朋友们只需将宽度数字加大即可。

效果图、1、

添加文字或图片

2、只改变了数字与颜色代码的边框：

添加文字或图片

二、图片边框的代码：优点：漂亮。缺点，图片会丢失。图片显示慢，要多刷新才行。

<TABLE borderColor=#FF9999 cellSpacing=30 cellPadding=7 width=650align=right background="http://zhang9607lin.vip./tpsc/bktp/st2/305.jpg"border=0>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#FF9999 cellSpacing=5 cellPadding=5 width="100%" align=right bgColor=#8A2BE2 background="http://s12.sinaimg.cn/middle/5dea0294tbab6070666fb&690 "border=0>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#FF9999 cellSpacing=26 cellPadding=26 width="100%" align=right background="http://zhang9607lin.vip./tpsc/bktp/st2/389.jpg"border=0>

<TBODY><TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

这里可以放其它代码和输入文字

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

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

效果图：