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

欢迎您!启步学代码。
(12)

(游子编辑 供初学HTML代码的朋友参考)


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

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


用金黄色图片作边框的代码:
<CENTER>
<TABLE borderColor=660000 cellSpacing=10 cellpadding=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>--图框内单元格背景颜色。

显示结果:




用图片作边框的六层图框套装代码;


<TABLE cellSpacing=10 align=center bgColor=green WIDTH: 800px; border=0>
<TBODY><TR><TD>
<TABLE borderColor=#111111 cellSpacing=0 cellPadding=3 width="95%" background="http://img.gw.com.cn/UploadFile/2004/9/3/3436397.jpg" border=5>
<TBODY><TR><TD>
<TABLE borderColor=#111111 cellSpacing=0 cellPadding=8 width="100%" background="http://bbs.xxjy.net/UploadFile/2004-10/20041028356173.jpg" border=5>
<TBODY><TR><TD>
<TABLE borderColor=#111111 cellSpacing=0 cellPadding=3 width="100%" background="http://www.dabaoku.com/sucai/shejilei/bj/pic/0410.jpg" border=5>
<TBODY><TR><TD>
<TABLE borderColor=#111111 cellSpacing=0 cellPadding=15 width="100%" background="http://img.gw.com.cn/UploadFile/2004/9/3/3436397.jpg" border=5>
<TBODY><TR><TD>
<TABLE borderColor=#111111 cellSpacing=0 width="100%" bgColor=green border=1>
<TBODY>
<TR>
<TD>
<P align=center><TABLE border=0><TBODY><TR>
<TD style="FILTER:Alpha(opacity=100,style=2)" width=450 background=http://edu.hangzhou.com.cn/images/20050101/20050427jy-15.jpg height=310>
</TD></TR></TBODY></TABLE></P>
<CENTER>
<DIV style="FILTER: glow(color=#E4DC9B, strength=5); WIDTH: 500px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 35pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=003300>
插入标题文字
<br><br>
<h2>图文:网络<br>编辑:游子</h2></FONT></DIV>
<P align=center> </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></CENTER>
 




显示结果:

插入标题文字

图文:网络
编辑:游子

 




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


<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg WIDTH: 670px;border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=23 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335244349065.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=23 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335253784815.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=18 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335244349065.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=23 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335254658568.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=0 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243084013.jpg border=1>
<TBODY>
<TR>
<TD>
<CENTER><IMG src="http://bbs.gw.com.cn/UploadFile/2006-3/2006335264543271.jpg"> <BR><FONT style="FONT-SIZE: 30pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>标题文字<BR>
<H2>插入内容</H2><BR><IMG src="http://bbs.gw.com.cn/UploadFile/2006-3/200633522233660.jpg"> <BR>
<H2>图文:网络/编辑:游子</H2></B></FONT></CENTER>
<CENTER></CENTER></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>
 




用图片作边框的10层图框套装显示结果:


标题文字

插入内容



图文:网络/编辑:游子




(待续)


编辑:游子

(为了传播 HTML 代码知识,让更多网友学用代码贴图制作网页,本贴欢迎转载, 但是,转载时请不要把原创编辑游子的名字改掉。谢谢!)