移动背景边框的制作

多层边框：

制作技巧：  该边框代码中共有七个background=；其作用分别是：（注意代码是从上往下数的；边框是 从外往里数的） background=的右边都要填写“背景素材地址” 第一个background=的右边是最外层固定边框颜色； 第二个background=的右边是移动背景的第一边框线的颜色； 第三个background=的右边是移动背景的第一边框线与第二边框线间的填空颜色； 第四个background=的右边是移动背景的第二边框线的颜色； 第五个background=的右边是移动背景的第二与第三边框线间的填空颜色； 第六个background=的右边是移动背景的第三边框线颜色； 第七个background=的右边是写文章的背景颜色。 点击查看：“制作技巧与常用素材”

 

代码：

 <TABLE cellSpacing=48 cellPadding=0 width=740 align=center bgColor=#ff9933 background=http://img.blog.163.com/photo/iMSlsCa3LcNRpGU1dEy6ew==/

4304596818836248088.jpg border=0 text="#FFFFCC" link="#FFFF99" vlink=

"#FFFFFF" alink="#FFFF00">

<TBODY>

<TR>

<TD width="100%">

<P style="TEXT-INDENT: 2em">

<TABLE width="100%" align=center border=0>

<TBODY>

<TR>

<TD width=660>

<MARQUEE scrollAmount=1 behavior=alternate>

<TABLE cellSpacing=3 cellPadding=0 width=590 background=http://image78.360doc.com/DownloadImg/2014/09/1716/45357167_1.jpg border=1>

<TBODY>

<TR>

<TD width=590>

<TABLE cellSpacing=8 cellPadding=0 width=584 background=http://image78.360doc.com/DownloadImg/2014/09/1716/45357167_2.gif border=0>

<TBODY>

<TR>

<TD width=584>

<TABLE cellSpacing=3 cellPadding=0 width=568 background=http://image78.360doc.com/DownloadImg/2014/09/1716/45357167_3.gif border=1>

<TBODY>

<TR>

<TD width=568>

<TABLE cellSpacing=8 cellPadding=0 width=562

background=http://img.blog.163.com/photo/J0uc-TiRHzasGetqV2gaMQ==

/4787044928918330541.jpg border=0>

<TBODY>

<TR>

<TD width=562>

<TABLE cellSpacing=3 cellPadding=0 width=546 background=http://image78.360doc.com/DownloadImg/2014/09/1716/45357167_3.gif border=1>

<TBODY>

<TR>

<TD width=546>

<TABLE cellSpacing=75 cellPadding=0 width=540 background=http://img.blog.163.com/photo/lTFvYz0OP4r2Yyy6Y9gzQA==/

1972013686835211550.jpg border=0>

<TBODY>

<TR>

<TD width=540>

<P align=center><FONT size=5>标题</FONT></P><P align=left>正文</P>

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

</TR></TBODY>

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

</TR></TBODY>

</TABLE></MARQUEE></TD></TR></TBODY></TABLE></P></TD></TR>

</TBODY></TABLE>

(2)去掉内框后：

音 画 下图宽与高可调：

代码：

<TABLE cellSpacing=48 cellPadding=0 width=740 align=center bgColor=#ff9933 background=http://image78.360doc.com/DownloadImg/2014/09/1716/45357167_7.jpg border=0 text="#FFFFCC" link="#FFFF99" vlink="#FFFFFF" alink="#FFFF00">
<TBODY>
<TR>
<TD width="100%">
<P style="TEXT-INDENT: 2em">
<TABLE width="100%" align=center border=0>
<TBODY>
<TR>
<TD width=660>
<MARQUEE scrollAmount=1 behavior=alternate>
<TABLE cellSpacing=3 cellPadding=0 width=590 background=http://image78.360doc.com/DownloadImg/2014/09/1716/45357167_1.jpg border=1>
<TBODY>
<TR>
<TD width=590>
<TABLE cellSpacing=8 cellPadding=0 width=584 background=http://image78.360doc.com/DownloadImg/2014/09/1716/45357167_5.jpg border=0>
<TBODY>
<TR>
<TD width=584>
<P align=center><FONT color=#0000ff size=5><STRONG>标 题</STRONG></FONT></P>
<P align=left><FONT color=#0000ff>正文或图片</FONT></P>
<P></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></MARQUEE>

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