上一课我们讲了要做一个漂亮的完整边框要准备的图片素材!
现在我们讲讲如何将那些图片组合成上面的边框
这套边框的完整代码如下:
<TABLE style="LEFT: -125px; WIDTH: 700px; POSITION: relative;
TOP: 0px" cellSpacing=0 cellPadding=10 width="100%">
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE borderColor=#cccccc cellSpacing=86 cellPadding=3
width="100%" align=center background=http://w.886.cn/5miQ
/60986978/764008_53199.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=10 width="100%" align=center
background=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314508_2.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#7e97a2 cellPadding=7
width="100%" align=center borderColorLight=#beced6 background=htt
p://xz1.2000y.net/314311/../../admin/uploadpic
/2005112312003327082.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#7e97a2 cellPadding=7
width="100%" align=center borderColorLight=#beded6 backgrou
nd=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314508_3.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#7e97a2 cellPadding=5
width="100%" align=center borderColorLight=#beded6 backgro
und=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314508_4.gif border=1>
<TBODY>
<TR>
<TD align=middle><FONT color=#ff00ff>
<P align=center>
<P align=center></A></P>
<P align=center> </P>
<P align=center> </P>
<P align=center> </P>
<P align=center> </P>
<P align=center><FONT color=#00ffff size=7></FONT> </P></FONT>
</FONT></TD></TR></TBODY>
</TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P></DIV></TD></TR></TBODY></TABLE>
<bgsound src=http://www.emadet.com/admin/image/qf.mp3 loop="-1">
有的朋友一定会问这么密密麻麻的是什么呀,我看不太明白,
好,那我们做个详细的介绍:
<TABLE style="LEFT: -125px; WIDTH: 1000px; POSITION: relative;
TOP: 0px" cellSpacing=0 cellPadding=10 width="100%">
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
以上是全屏代码
<TABLE borderColor=#cccccc cellSpacing=86 cellPadding=3
width="100%" align=center background=http://w.886.cn/5miQ
/60986978/764008_53199.gif border=0>
<TBODY>
<TR>
<TD>
第一层边框
<TABLE cellSpacing=0 cellPadding=10 width="100%" align=center
background=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314508_2.gif border=0>
<TBODY>
<TR>
<TD>
第二层边框
<TABLE cellSpacing=0 borderColorDark=#7e97a2 cellPadding=7
width="100%" align=center borderColorLight=#beced6 background=h
ttp://xz1.2000y.net/314311/../../admin/uploadp
ic/2005112312003327082.gif border=1>
<TBODY>
<TR>
<TD>
第三层边框
<TABLE cellSpacing=0 borderColorDark=#7e97a2 cellPadding=7
width="100%" align=center borderColorLight=#beded6 backgroun
d=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314508_3.jpg border=1>
<TBODY>
<TR>
<TD>
第四层边框
<TABLE cellSpacing=0 borderColorDark=#7e97a2 cellPadding=5
width="100%" align=center borderColorLight=#beded6 backgro
und=http://image4.360doc.com/DownloadImg/2009/4/29/139141_3314508_4.gif border=1>
<TBODY>
<TR>
顶层黑色闪图
<TD align=middle><FONT color=#ff00ff>
<P align=center>
<P align=center></A></P>
<P align=center> </P>
<P align=center> </P>
<P align=center> </P>
<P align=center> </P>
<P align=center><FONT color=#00ffff size=7></FONT> </P></FONT>
</FONT></TD></TR></TBODY>
</TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P></DIV></TD></TR></TBODY></TABLE>
结尾码
<bgsound src=http://www.emadet.com/admin/image/qf.mp3 loop="-1">
背景音乐代码
好了,上面我们对每一层边框图片代码做了详细分析,相信大家应该明白了,
评论