如何用代码制作音画边框

如何用代码制作音画边框

泉友试作

音画的第一步是做边框:

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

<TABLE cellSpacing=15 cellPadding=0 width=690 background=底层边框图片地址 border=0>

<TBODY>

<TR>

<TD width=690>

看效果：

 

 

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

<TABLE cellSpacing=15 cellPadding=0 width=690 background=http://image27.360doc.com/DownloadImg/2011/04/2518/11218449_1  border=0>

<TBODY>

<TR>

<TD width=670>

<TABLE cellSpacing=10 cellPadding=0 width=670 background=http://image27.360doc.com/DownloadImg/2011/04/2518/11218449_3 border=0>

<TBODY>

<TR>

<TD width=670>

第二次效果:

 

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

<TABLE cellSpacing=15 cellPadding=0 width=690 background=底层边框图片地址1 border=0>

<TBODY>

<TR>

<TD width=690>

<TABLE cellSpacing=10 cellPadding=0 width=670 background=底层边框图片地址2  border=0>

<TBODY>

<TR>

<TD width=670>

<TABLE cellSpacing=10 cellPadding=0 width=650 background=底层边框图片地址3  border=0>

<TBODY>

<TR>

<TD width=650>

第三次效果:

 

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

<TABLE cellSpacing=15 cellPadding=0 width=690 background=底层边框图片地址1  border=0>

<TBODY>

<TR>

<TD width=690>

<TABLE cellSpacing=10 cellPadding=0 width=670 background=底层边框图片地址2  border=0>

<TBODY>

<TR>

<TD width=670>

<TABLE cellSpacing=10 cellPadding=0 width=650 background=底层边框图片地址3  border=0>

<TBODY>

<TR>

<TD width=650>

<TABLE cellSpacing=10 cellPadding=0 width=600 background=底层边框图片地址4  border=0>

<TBODY>

<TR>

<TD width=600>

第四次效果:

小结:

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

    2、做几层边框你就把开始的那段边框代码复制粘贴几次，修改一下宽度，粘贴自己喜欢的色彩图片地址组合；

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