音画制作入门---怎样做边框

音画制作入门---怎样做边框

 

音画的第一步是做边框:

一、将边框代码复制粘贴第一次，在图片地址处粘贴纯色图片地址，将整个边框的宽度（width）设为700，看看效果怎样；

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=700>

看看效果：

二、依然将开始那段边框代码复制粘贴第二次，在图片地址处粘贴纯色图片地址，将整个边框的宽度（width）设为680，将cellSpacing的值设为10，看看效果怎样；

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=700>

<TABLE cellSpacing=10 cellPadding=0 width=680 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=680>

第二次看效果:

三、依然将开始那段边框代码复制粘贴第三次，在图片地址处粘贴纯色图片地址，将整个边框的宽度（width）设为660，将cellSpacing的值设为10，看看效果怎样；

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=700>

<TABLE cellSpacing=10 cellPadding=0 width=680 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=680>

<TABLE cellSpacing=10 cellPadding=0 width=660 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=660>

第三次看看效果:

四、依然将开始那段边框代码复制粘贴第四次，在图片地址处粘贴纯色图片地址，将整个边框的宽度（width）设为640，将cellSpacing的值设为10，看看效果怎样；

<TABLE cellSpacing=15 cellPadding=0 width=700 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=700>

<TABLE cellSpacing=10 cellPadding=0 width=680 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=680>

<TABLE cellSpacing=10 cellPadding=0 width=660 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=660>

<TABLE cellSpacing=10 cellPadding=0 width=640 background=底层边框图片地址(纯色图片) border=0>
<TBODY>
<TR>
<TD width=640>

第四次看看效果:

小结:

    1、说白了,做音画的边框,实际上就是做表格框.由不同颜色的表格框层叠起来,四周没有被遮盖的部分就形成了边框；

    2、做几层边框你就把开始的那段边框代码复制粘贴几次，修改一下宽度，粘贴不同颜色的图片地址就行了；

    3、现在看来这个四层的边框很小，但只要一把内容放进去，它就会扩大了。内容放得越多，边框就会自动撑得越大。