11.txt
学习用表格属性做漂亮的代码边框。


<TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=“100%” cellSpacing=1 cellPadding=0 width=770 border=14>
<TBODY>
<TR>
<TD bgColor=#000000>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR>
<TD align=left width="20%"><IMG src="http://img.gw.com.cn/UploadFile/2005/7/21/916191.gif"></TD>
<TD align=middle width="60%"><INPUT type=image width=400 src="http://bener.51.net/img/bar.gif"><BR><BR><BR><BR></TD>
<TD align=right width="20%"><IMG src="http://img.gw.com.cn/UploadFile/2005/7/21/3461867.gif"></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=20 width="100%" border=0>
<TR>
<TD>
<CENTER><FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>欢迎您！启步学代码。<BR>（11）</FONT><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>（游子编辑 供初学HTML代码的朋友参考） <BR><BR>
<BR>
学习用表格属性做漂亮的代码边框。
<BR><P align=LEFT>
 &nbsp; &nbsp;有很多漂亮的帖子边框是怎么做成？一些是现成的像框或三合一的花边图框做成，大部份是应用表格的相关属性做成的。做图框的素材可用颜色也可用图片。或颜色与图片组成。用颜色做成的图框，不受条件所限，隐定性较好，显示也快。用网络上的图片地址做成的多层图框叫套装，非常精彩漂亮

，但有时会因网络失
去链接，无法显示。</P>
<BR>
用颜色做成的一层图框代码；
<BR>
<P align=LEFT>
&lt;TABLE borderColor=#ffd700 cellSpacing=10 cellPadding=8 width=470 
	align=center bgColor=#0000ff border=12&gt;<br>
	&lt;TBODY&gt;<br>
	&lt;TR&gt;<br>
	&lt;TD &gt;<br>
	&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;<br>
	&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;<br>
　</p>
</form>
<p>
<BR>
显示结果：
<BR>
</p>
<TABLE borderColor=#ffd700 cellSpacing=10 cellPadding=8 width=470 align=center bgColor=#0000ff border=12>
<TBODY>
<TR>
<TD >
<BR><BR><BR><BR><BR><BR>
</TD></TR></TBODY></TABLE>
<BR>
用颜色做成的二层图框代码；
<BR><P align=LEFT>
&lt;TABLE borderColor=#ffd700 cellSpacing=5 cellPadding=8 width=470 
	align=center bgColor=#f70968 border=12&gt;<br>
	&lt;TBODY&gt;<br>
	&lt;TR&gt;<br>
	&lt;TD &gt;<br>
	&lt;TABLE borderColor=#ffd700 cellSpacing=5 cellPadding=8 width=465 
	align=center bgColor=#bb4444 border=1&gt;<br>
	&lt;TBODY&gt;<br>
	&lt;TR&gt;<br>
	&lt;TD&gt;<br>
	&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;<br>
	&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;<br>
　</p>
<BR>
显示结果：
<BR>
<TABLE borderColor=#ffd700 cellSpacing=5 cellPadding=8 width=470 align=center bgColor=#f70968 border=12>
<TBODY>
<TR>
<TD >
<TABLE borderColor=#ffd700 cellSpacing=5 cellPadding=8 width=465 align=center bgColor=#bb4444 border=1>
<TBODY>
<TR>
<TD>
<BR><BR><BR>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P>
<BR>
给图片加用颜色做成的边框代码；
<BR><P align=LEFT>
	&lt;table border=16 cellSpacing=8 cellPadding=5 borderColor=#841A00 bgcolor=#FFFF6F&gt;<br>
	&lt;td&gt;<br>
	&lt;TABLE border=1&gt; <br>
	&lt;TR&gt;<br>
	&lt;TD width=450 background=http://image2.sina.com.cn/dy/c/2004-10-01/U397P1T1D4478993F21DT20041001212159.jpg 
	height=300 border=3&gt;<br>
	&lt;/TD&gt;&lt;/TR&gt;&lt;/TABLE&gt;<br>
	&lt;/td&gt;&lt;/table&gt;<br>
　</p>
<BR>
显示结果：
<BR>
<table border=16 cellSpacing=8 cellPadding=5 borderColor=#841A00 bgcolor=#FFFF6F>
<td>
<TABLE border=1> 
<TR>
<TD width=450 background=http://image2.sina.com.cn/dy/c/2004-10-01/U397P1T1D4478993F21DT20041001212159.jpg height=300 border=3>
</TD></TR></TABLE>
</td></table>
<BR>
</P>
<BR>
用颜色做成的二层图框代码；
<P align=LEFT>
&lt;TABLE borderColor=#ffff00 cellSpacing=10 cellPadding=8 width=470 background=http://img.gw.com.cn/UploadFile/2004/9/3/3750984.jpg border=8&gt;<br>
	&lt;TBODY&gt;<br>
	&lt;TR&gt;<br>
	&lt;TD&gt;<br>
	&lt;TABLE borderColor=#ffff00 cellSpacing=6 cellPadding=4 width=&quot;100%&quot; background=http://img.gw.com.cn/UploadFile/2005/5/15/3419934.jpg border=1&gt;<br>
	&lt;TBODY&gt;<br>
	&lt;TR&gt;<br>
	&lt;TD&gt;<br>
	&lt;P align=center&gt;&lt;INPUT type=image width=420 src=&quot;http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg&quot;
&gt;&lt;/P&gt;<br>
&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;<br>
</p></form>
<BR>
显示结果：
<BR>
<TABLE borderColor=#ffff00 cellSpacing=10 cellPadding=8 width=470 background=http://img.gw.com.cn/UploadFile/2004/9/3/3750984.jpg border=8>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ffff00 cellSpacing=6 cellPadding=4 width="100%" background=http://img.gw.com.cn/UploadFile/2005/5/15/3419934.jpg border=1>
<TBODY>
<TR>
<TD>
<P align=center><INPUT type=image width=420 src="http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg"></P>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<BR><BR>
用颜色做成的立体图框代码；
<BR><P align=LEFT>
&lt;table id=&quot;myexample&quot; style=&quot;border:19px #ccffcc ridge&quot; align=&quot;center&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;460&quot; background=&quot;http://bbs.e-yu.cn/attachments/ext_jpg/029_mS674YcNXDnk.jpg&quot;&gt;<br>
	&lt;tr&gt;&lt;td&gt;<br>
	&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br>
	&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;<br>
　</p>
<BR>
显示结果：
<BR>
<table id="myexample" style="border:19px #ccffcc ridge" align="center" border="0" cellpadding="0" cellspacing="0" width="460" background="http://bbs.xxjy.net/UploadFile/2004-11/2004113183920955.gif">
<tr><td>
<br><br><br><br><br><br>
</td></tr></table>
<BR><BR>
<h3>
（为了传播 HTML 代码知识，让更多网友学用代码贴图制作网页，本贴欢迎转载，
但是，转载时请不要把原创编辑游子的名字改掉。谢谢！）</h3>
</FONT></TD></TR></TABLE></TD></TR></TABLE><BR>
<P></P>