如何修改音画边框

对初学者来说，由于还不熟悉HTML代码，可以采用“套代码”的办法进行学习。由于很多网站和博客上有现成的边框，所以这种方式已经足够您用的了。我在这里假定您会使用电脑的复制和粘贴功能。 

    第一步：先选好你喜欢的一套背景素材图片，保存在草稿箱里备用。它是编制边框的“材料”。

        

     1.  2.  

     3.  4.   

 

    确定您要制作的边框的层数。边框可以根据需要可以是一层的，也可以是多层的，层数越多，边框结构越复杂，也越美，当然也要有限度，层数太多反而会显得零乱，5-7-9层为最佳。我们以5层为例进行学习。

 

    下面这幅音画框假设复制过来的，你把这套音画框先保存草稿箱里，然后在小框打上，就会显示全套代码。

 

 

然后在“小框打上，就会显示全套代码。

<DIV> </DIV>
<DIV>
<TABLE style="WIDTH: 600px; HEIGHT: 330px" cellSpacing=20 cellPadding=1 align=center background=http://photo./photo/shengwushijie/huaduohuahui/huadetupian/huadetupian1_638.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 560px; HEIGHT: 101px" cellSpacing=7 cellPadding=1 background=http://image17.360doc.com/DownloadImg/2010/11/0813/6628119_3.jpg border=2>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 546px; HEIGHT: 173px" cellSpacing=8 cellPadding=1 background=http://image17.360doc.com/DownloadImg/2010/11/0813/6628119_4.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 530px; HEIGHT: 192px" cellSpacing=10 cellPadding=1 background=http://image17.360doc.com/DownloadImg/2010/11/0813/6628119_3.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 510px; HEIGHT: 168px" borderColor=#467500 cellSpacing=0 cellPadding=0 background=http://bbs./fileuploaddir/4B314769044.jpg border=1>
<TBODY>
<TR>
<TD>
<DIV align=center>
<CENTER> </CENTER></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV><FONT color=#008b8b size=3><FONT color=#008b8b size=3> </FONT></FONT></DIV>

 

这套边框如果不喜欢，下面告诉您如何将这个绿边框变成一套红边框。

 

下面是我们对这个边框进行“改装”制作过程。

 

第一步：逐层替换边框图案，首先复制我们事先准备好的上面那几张边框素材。

方法是：鼠标右键单击素材图片，在出现的界面的最下方有“属性”，左键单击，就会出现图片属性界面，复制其中的地址代码，用这个代码替换原来边框第一层的图片代码。我们用上面的第一幅图片地址http://photo./photo/shengwushijie/huaduohuahui/huadetupian/huadetupian1_638.jpg作为新边框的第一层图案，替换原边框的第一层图案代码

http://bbs./pic2005/200552021551814708.jpg得到下面的效果：

 用第二幅图片替换第二层、第4层边框图片，得到：

 用第三幅图片替换原边框的第3层，得到：

用第四幅图片替换原边框的第4层，得到：

 用第五幅图片替换原边框的第5层，我们得到下面的新边框： 

    到这里，新边框完成了，最后将框内添加文字和插入贴图。

    就是这样的过程：复制边框代码一般有两种途径，一是现成的套装代码，一般音画论坛的网页资源栏目都可以找到，可直接复制过来。

 

    另一种途径，将任何一个现成套装复制到自己的博客，然后自己编辑。

    您可以根据这些步骤“照猫画虎”地练习，熟练后就可以运用自如了！

 

注意事项：

       1、边框素材选择色彩要相近，反差太大反而不好看。但也不能完全没有色差，那样会显得单调呆板。

       2、最里层的图案最好使用单色或略有变化的图案，因为这里要粘贴文字和图片。

       3、每一段代码之间都留有一个字母的间隙，要留够，否则这一层图案就不显示。

       4、制作边框用的图片素材必须是jpg或gif格式，否则不能用(就是每个图片地址代码的后缀）。