引用
老君 的 音画边框制作(一)
用图片制作音画边框
初学音画的第一步是做简易边框,做音画的边框,实际上就是做表格框.由不同颜色的表格框层叠起来,四周没有被遮盖的部分就形成了边框,做几层边框你就把开始的那段边框代码复制粘贴几次,修改一下宽度,粘贴不同颜色的图片地址就行了。具体做法如下 :
一、将边框代码复制粘贴第一次,在图片地址处(background=)粘贴图片地址,将整个边框的宽度(width)设为700,这是框线的宽度(cellSpacing)数字可改变的。这是框间距(border)数字可改变,但数字不要过大。以下是边框代码:
<TABLE cellSpacing=15 cellPadding=0 width=700 background=底层边框图片地址border=0>
<TBODY>
<TR>
<TD width=700>复制粘贴后的效果:
这里是插入文字与图片的地方 二、依然将开始那段边框代码复制粘贴第二次,在图片地址处(background=)粘贴图片地址,将整个边框的宽度(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>第二次复制粘贴后的效果:
这里是插入文字与图片的地方 三、依然将开始那段边框代码复制粘贴第三次,在图片地址处(background=)粘贴图片地址,将整个边框的宽度(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>第三次复制粘贴后的效果:
这里是插入文字与图片的地方 四、依然将开始那段边框代码复制粘贴第四次,在图片地址处(background=)粘贴图片地址,将整个边框的宽度(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>第四次复制粘贴后的效果:
这里是插入文字与图片的地方 注意:现在看来这个四层的边框很小,但只要把内容放进去,它就会扩大。内容放得越多,边框就会自动撑得越大。
评论