啟步學代碼【16--11】

歡迎您！啟步學代碼（原創編輯者:遊子。供初學HTML代碼的朋友參考）用各種圖片素材做邊框套裝用金黃色圖片作邊框的代碼：用金黃色圖片作邊框的代碼：

<CENTER><TABLE borderColor=660000 cellSpacing=10cellpadding=20 background=http://img.gw.com.cn/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>--圖框內單元格背景顏色。顯示結果：十二層紅色邊框套裝代碼<DIV><FONT style="FONT-SIZE: 14px">&nbsp;<WBR><FONT size=+0><TABLE border=0 cellSpacing=52 background=http://lvzhou.16789.net/domName/lvzhou/200791389444288.jpg><TBODY><TR><TD><TABLE border=3 cellSpacing=9 borderColor=#ff9900 borderColorLight=#ff9900 borderColorDark=#ff9900 background=http://image49.360doc.com/DownloadImg/2012/02/2215/21722617_10.jpg><TBODY><TR><TD><TABLE border=3 cellSpacing=27 borderColor=#ff9900 borderColorLight=#ff9900 borderColorDark=#ff9900 background=http://image49.360doc.com/DownloadImg/2012/02/2215/21722617_11.gif><TBODY><TR><TD><TABLE border=3 cellSpacing=9 borderColor=#ff9900 borderColorLight=#ff9900 borderColorDark=#ff9900 background=http://image49.360doc.com/DownloadImg/2012/02/2215/21722617_10.jpg><TBODY><TR><TD><TABLE border=0 cellSpacing=1 bgColor=#800000><TBODY><TR><TD><P><FONT style="FONT-SIZE: 14px"><FONT style="FONT-SIZE: 16px">&nbsp;<WBR></FONT><FONT style="FONT-SIZE: 16px">&nbsp;<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 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 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 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 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 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 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 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 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 borderColorLight=#000000 background=http://image49.360doc.com/DownloadImg/2012/02/2215/21722617_17.jpg border=1><TBODY><TR><TD><CENTER><IMG alt="" src="https://www.getit01.com/getimg_360.php?url=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">原創編輯者:遊子。用圖片作邊框的10層圖框套裝顯示結果：引用這個套裝代碼時，必須在代碼的第一行前面加設全屏代碼，才能完整顯示。全屏代碼：<DIV id=table1 style="LEFT: -210px; WIDTH: 800px;POSITION: relative; TOP: 40px"

漂亮的多層套裝插入內容。。。。。。。。。。。。

（待續）編輯：遊子（為了讓更多網友學用html代碼貼圖製作網頁，本貼歡迎轉載，但是，轉載時請不要把原創編輯遊子的名字改掉。謝謝！）
推薦閱讀：