启步学代码【16--11】

雪球儿. 2012-02-22

展开全文

启步学代码【11】

欢迎您！启步学代码

（原创编辑者:游子。供初学HTML代码的朋友参考）

用各种图片素材做边框套装

用金黄色图片作边框的代码：

用金黄色图片作边框的代码：

<CENTER>
<TABLE borderColor=660000 cellSpacing=10

cellpadding=20 background=http://img./UploadFile/

2004/9/3/3436397.jpg width=400 height=300 border=10>
<TBODY>
<TR>
<TD bgcolor=#AAAAFF>
<br>
<br>
</CENTER></TD></TR></TBODY></TABLE>

说明：

<TABLE borderColor=660000<br...>--边框颜色

<TD bgcolor=#AAAAFF>--图框内单元格背景颜色。

显示结果：

十二层红色边框套装代码

<TABLE border=0 cellSpacing=52 width="100%" background=http://lvzhou./domName/lvzhou/

200791389444288.jpg>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<P><FONT style="FONT-SIZE: 14px"><FONT style="FONT-SIZE: 16px"> <WBR></FONT><FONT style="FONT-SIZE: 16px"> <WBR>文字或图片</FONT></FONT></P></TD></TR></TBODY></TABLE></TD>

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

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

</DIV></FONT></FONT>

显示结果：

用图片作边框的10层图框套装代码；

<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width=680 borderColorLight=#000000 background=http://image49.360doc.com/DownloadImg/2012/02/2215/21722617_12.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://image49.360doc.com/DownloadImg/2012/02/2215/21722617_13.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://image49.360doc.com/DownloadImg/2012/02/2215/21722617_12.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://image49.360doc.com/DownloadImg/2012/02/2215/21722617_14.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://image49.360doc.com/DownloadImg/2012/02/2215/21722617_12.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=11 width="100%" borderColorLight=#000000 background=http://image49.360doc.com/DownloadImg/2012/02/2215/21722617_15.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://image49.360doc.com/DownloadImg/2012/02/2215/21722617_12.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://image49.360doc.com/DownloadImg/2012/02/2215/21722617_16.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://image49.360doc.com/DownloadImg/2012/02/2215/21722617_12.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=0 width="100%" borderColorLight=#000000 background=http://image49.360doc.com/DownloadImg/2012/02/2215/21722617_17.jpg border=1>
<TBODY>
<TR>
<TD>
<CENTER>
<IMG alt="" src="http://image49.360doc.com/DownloadImg/2012/02/2215/21722617_5.jpg">
<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 45px">
漂亮的多层套装</FONT><BR>
<font style=font:20pt face=隶书 color=fff000>
插入内容<BR>
。。。。。。<BR>
。。。。。。<BR>
<BR><BR>
图片:网络/编辑:游子<BR>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<BR><BR><BR></DIV>

　　【说明】
　　引用这个套装代码时，必须在代码的第一行前面加设全屏代码，才能完整显示。
　　全屏代码：
<DIV id=table1 style="LEFT: -210px; WIDTH: 800px; POSITION: relative; TOP: 40px">