边框代码详解：［收集．整理］

                   

         

         

ＨＴＭＬ代码编辑参考资料

　                          编写：芳芷香蕙

　　要学习代码贴图，你参预的论坛必须是允许使用［ＨＴＭＬ］代码的。有的论坛虽然不允许使用代码，但在诸如音画时尚，贴图专栏或新手学堂等栏目开通。有的论坛注明允许使用代码，但必须有条件去申请才批淮启用。还需注意粘贴代码前应先选择［ＨＴＭＬ］，同时把旁边的自动修正的钩去掉。现在已有不少论坛，可以直接发代码贴了。

　　为了更好的学习编辑代码，应在自已电脑的硬盘中建一个学代码的文件夹，内放若干记事本，作编辑和保存代码用。初学者要在键盘上直接输入代码语句有些困难，可以把下面这些常用代码复制在记事本上，方便需要时取用。

　常用汉字代码：

　宋体　黑体　楷体_GB2312　仿宋_GB2312　新宋体　幼圆　隶书

　方正舒体　华文新魏　华文行楷　华文细黑　华文彩云　方正姚体

　颜色的代码：

　黑色＝000000　白色＝ffffff　红色＝ff0000　绿色＝00ff00　

　蓝色＝0000ff　黄色＝fff000　青色＝00ffff　紫色＝ff00ff

　居中代码：

　lt;CENTER> 内容</CENTER>

　lt;P align=LEFT>左对齐</P>

　lt;P align=center>居中</P>

　 <P align=RIGHT>右对齐</P>

　文字设置代码：

　 <CENTER> <font style=font:20pt face=隶书 color=fff000>

　 输入内容</font></CENTER>

贴图代码：

<img src="图片地址">

<P align=center><img src="图片地址"></P>

<P align=center><img src="图片地址"width=宽度 height=高度></P>

用颜色作背景的空白图框代码：

<CENTER>

<TABLE borderColor=#0000ff cellSpacing=10 cellpadding=20 bgcolor=fff000 width=400 height=300 border=10>

<TBODY>

<TR>

<TD>

<br>

<br>

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

用图片作背景的空白图框代码：

<CENTER>

<TABLE borderColor=#0000ff cellSpacing=10 cellpadding=20 cellpadding=20 background=图片地址 width=400 height=300 border=10>

<TBODY>

<TR>

<TD>

<br>

<br>

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

　

立体图框代码：

<CENTER>

<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=380 cellSpacing=5 cellPadding=5 width=470 border=14>

<TBODY>

<TR>

<TD>

<br><br>

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

　图片可调大小的一组代码.

<P align=center><INPUT src="图片地址"type=image width=宽度></P>

羽化图片代码：

<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=500 width=450 src="图片地址">

贴Flash 图片代码：

<EMBED src=http://yy./swfpath/200462722381564615.swf width=128 height=0 hidden=true type=application/x-shockwave-flash>

在一张图片上加叠Flash 代码：

<TABLE cellSpacing=3 cellPadding=3 width=460 bordercolor=660000 background=http://img./UploadFile/2005/6/7/5141107.jpg border=18>

<TBODY>

<TR>

<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/59.swf width=460 height=370 type=application/octet-stream wmode="transparent" quality="high" ;;></TD></TR></TBODY></TABLE>

　

全屏代码：

<br><br><br><br>

<DIV id=table1 style="LEFT: -220px; WIDTH: 800px; POSITION: relative; TOP: 40px">

贴子

</DIV><br><br><br><br>

　

播放器代码：

<CENTER>

<embed src="http://bbs./bbs/upfile/music/601.mp3" type="audio/x-pn-realaudio-plugin" controls="controlpanel,statusbar" height=50 width=400 autostart="true" loop="true">

</CENTER>

（高度height=和宽度width=设为0时，隐藏播放器。）

移动设置代码：

我从右向左走代码：

<br>

<marquee direction=left scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我从右向左走！</marquee>

我从左向右移代码：

<marquee direction=right scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我从左向右移！</marquee>

我来回走耶代码：

<br>

<marquee behavior=alternate scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我来回走耶！</marquee>

我从下向上滚代码：

<br>

<marquee direction=up scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我从下向上滚！</marquee>

我从上向下滚代码：

<br>

<marquee direction=down scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我从上向下滚！</marquee>

 

用颜色做成的一层图框代码；

<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>

　

显示结果：

用颜色做成的二层图框代码；

<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>

　

显示结果：

给图片加用颜色做成的边框代码；

<table border=16 cellSpacing=8 cellPadding=5 borderColor=#841A00 bgcolor=#FFFF6F>

<td>

<TABLE border=1>

<TR>

<TD width=450 background=http://image59.360doc.com/DownloadImg/2013/03/1522/30961971_15.jpg height=300 border=3>

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

</td></table>

　

显示结果：

用颜色做成的二层图框代码；

<TABLE borderColor=#ffff00 cellSpacing=10 cellPadding=8 width=470 background=http://image59.360doc.com/DownloadImg/2013/03/1522/30961971_16.jpg border=8>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#ffff00 cellSpacing=6 cellPadding=4 width="100%" background=http://image59.360doc.com/DownloadImg/2013/03/1522/30961971_17.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>

显示结果：

用颜色做成的立体图框代码；

<table id="myexample" style="border:19px #ccffcc ridge" align="center" border="0" cellpadding="0" cellspacing="0" width="460" background="http://bbs./attachments/ext_jpg/029_mS674YcNXDnk.jpg">

<tr><td>

<br><br><br><br><br><br>

</td></tr></table>

　用金黄色图片作边框的代码：
<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 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./UploadFile/2004/9/3/3436397.jpg" border=5>

<TBODY><TR><TD>

<TABLE borderColor=#111111 cellSpacing=0 cellPadding=8 width="100%" background="http://bbs./UploadFile/2004-10/20041028356173.jpg" border=5>

<TBODY><TR><TD>

<TABLE borderColor=#111111 cellSpacing=0 cellPadding=3 width="100%" background="http://www./sucai/shejilei/bj/pic/0410.jpg" border=5>

<TBODY><TR><TD>

<TABLE borderColor=#111111 cellSpacing=0 cellPadding=15 width="100%" background="http://img./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>

边框可以设置任意N层，你想要几层就几层，网上很协调美观的边框大部分都是专业人士制做（有些网站可以专门下载），你不要一看见一个漂亮边框就认为楼主高不可攀，实际上大部分会员用的协调美观的边框都是共享的　

下面是一个七层边框的实例介绍，图片可以任意换，只要你觉着好看就行：

<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=10 width=500 borderColorLight=#055b56 background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=15 width=500 borderColorLight=#055b56 background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=15 width="100%" background= 图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=10 borderColorDark=#001a1a cellPadding=0 width="100%" borderColorLight=#055b56 background=图片地址 border=0>
<TBODY>
<TR>

<TD>（此处插入主文）</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>
蓝色部分是结尾，

其中：border =边框粗细   width= 边框宽度     height =边框高度    cellspacing=单元格间距 cellpadding=边框间距   borderColor=边框颜色 background =插入的背景 （这几个格式你可要背过了啊，如果也和我一样记忆力不好，可以复制到你的文件夹里）

 

下面是帖子内容的基本格式（这些您可要记住了，如记忆力不好，可复制到文件夹里）

　

1、贴图片格式（支持jpg、gif等格式），红色代码是图片居中命令：

<P align=center> <IMG src="内容图片地址"></P>

2、贴普通字体格式，蓝色代码为字的颜色、红色代码为字的大小（最大为了7，最小为1），其他运动字体的格式，另行讲解：

<CENTER><FONT face=宋体 color=#e4dc9b size=4>兰色梦幻</FONT></CENTER>

3、贴FLASH格式（红色代码分别是宽度与高度）：

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=FLASH地址 width=380 height=270 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED>

另外为大家介绍三种flash 的代码

代码1（普通的flash的插入代码）

<EMBED height=170 pluginspage=http://www.macromedia.com/go/getflashplayer src=地址 type=application/x-shockwave-flash width=330 wmode="transparent" quality="high"></EMBED>

代码2（无限制的flash的代码）

<EMBED style="LEFT: 250px; WIDTH: 400px; POSITION: absolute; TOP: 900px; HEIGHT: 300px" align=right src=地址 width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

代码3（大型flash )

<TR><TD><EMBED style="LEFT: 50px; WIDTH: 850px; POSITION: absolute; TOP: 10px; HEIGHT: 1500px" align=right src=地址 width=500 height=1500 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></TD>

代码4（双层flash的代码）

<EMBED align=right src=地址 width=420 height=350 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=地址 width=420 height=350 type=application/octet-stream wmode="transparent" quality="high">

常用特效

1。透明

style="FILTER: Alpha(opacity=100,style=2)"

2。倒影

<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="图片地址"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="图片地址"></P></FONT></FONT>

3蝴蝶飞舞

<MARQUEE behavior=alternate direction=up height=300 width=110><img src=http://bbs./UploadFile/2004-6/20046733350553.gif></MARQUEE><FONT color=orange><MARQUEE behavior=alternate direction=up height=250 width=110><img src=http://bbs./UploadFile/2004-6/20046733350553.gif></MARQUEE><FONT color=Fuchsia><MARQUEE behavior=alternate direction=up height=300 width=110><img src=http://bbs./UploadFile/2004-6/20046733350553.gif></MARQUEE><FONT color=olive><MARQUEE behavior=alternate direction=up height=250 width=110><img src=http://bbs./UploadFile/2004-6/20046733350553.gif></MARQUEE>

发贴前别忘了把自动修正的小勾除掉自动修正

图片加透明FDLASH格式：

<center><TABLE cellSpacing=2 cellPadding=2 border=10 bordercolor=#84B98D background=图片><TBODY><TD><EMBED src=透明网址 width=500 height=375 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></embed></table></center>

发贴前别忘了把自动修正的小勾除掉自动修正

贴音乐格式（红色部分为播放器的大小，设置为0就隐藏了播放器）：

1.背景音乐（适合　mid wma等格式）

<bgsound src=音乐网址 Loop=-1>

2.音频（适合MP3 WMA RM等很多格式）

<embed src=网址 AutoStart=true Loop=true width=400 height=40

3.视频

<embed src=视频网址 type=audio/x-pn-realaudio-plugin controls=imagewindow,ControlPanel,StatusBar AutoStart=true Loop=true width=400 height=400>

说明：AutoStart=true　表示是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为true

Loop=true　表示设定播放重复次数，LOOP=3表示重复3次，true表示无限次播放，FALSE播放一次即停止。

为让大家有个直观的认识，就我自己的一个成品帖子，做一下实例演示：

（帖子地址：http://www./bbs/dispbbs.asp?boardID=2&ID=32&page=1）

1、红色部分是边框；

2、蓝色部分是内容；

3、黑色部分是结尾

4、紫色部分是音乐

<TABLE cellSpacing=15 cellPadding=0 width=570 background=http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg border=0>

<TBODY>

<TR>

<TD width=520>

<TABLE cellSpacing=10 cellPadding=0 width=520 background=http://gb./userfilepath/xiaotan/xiaotan007/cancaoparatifundo1.jpg border=0>

<TBODY>

<TR>

<TD width=520>

<TABLE cellSpacing=4 cellPadding=0 width=520 background=http://life121888./index/GardenOfGoldstrip[1].jpg___200494123055106.jpg border=0>

<TBODY>

<TR>

<TD width=520>

<TABLE cellSpacing=10 cellPadding=0 background=http://gb./userfilepath/xiaotan/xiaotan007/cancaoparatifundo1.jpg border=0>

<TBODY>

<TR>

<TD width=520>

<TABLE cellSpacing=10 borderColorDark=#990000 cellPadding=0 width=520 borderColorLight=#cc0000 background=http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg border=1>

<TBODY>

<TR>

<TD width=520>

<TABLE cellSpacing=4 cellPadding=10 width=520 background=http://sbr0912./dvbbs/UploadFile/2004-12/2004123103319481.jpg border=0>

<TBODY>

<TR>

<TD width=520 background=http://gb./userfilepath/xiaotan/xiaotan007/cancaoparatifundo1.jpg></TD>

<TR>

<TD width=520>

<TABLE cellSpacing=0 cellPadding=0 width=520 background="" border=0>

<TBODY>

<TR>

<TD>

<P align=center><IMG src="http://www./picture/xx9/ss2/373.gif"></P>

<P align=center><IMG src="http://www./UploadFile/2004-12/200412618938565.gif"></P>

<P align=center><IMG src="http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0025.gif"></P>

<TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360 align=center background=http://www./UploadFile/2004-12/2004126172826197.jpg border=8>

<TBODY>

<TR>

<TD align=middle width="93%"><EMBED src=http://mtv./upload/2004482345353317.swf width=360 height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE>

<P align=center><IMG src="http://sbr0912./dvbbs/UploadFile/2004-12/2004122145722665.gif"></P>

<P align=center>

<TABLE borderColor=#d2b48c height=400 cellSpacing=3 width=540 background=http://www./UploadFile/2004-12/2004126172728883.jpg border=1>

<TBODY>

<TR>

<TD align=middle width="93%"><EMBED src=http://favorites2003./picture/cl/2.swf width=540 height=400 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></TD></TR></TBODY></TABLE>

<P align=center><IMG src="http://sbr0912./dvbbs/UploadFile/2004-12/2004122145722665.gif"></P>

<P align=center></P>

<TABLE borderColor=#d2b48c height=400 cellSpacing=3 width=540 align=center background=http://www./UploadFile/2004-12/2004126172712268.jpg border=8>

<TBODY>

<TR>

<TD align=middle width="95%"><EMBED src=http://imgfree.21cn.com/free/flash/4.swf width=540 height=400 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE>

<P align=center><IMG src="http://sbr0912./dvbbs/UploadFile/2004-12/2004122145722665.gif"></P>

<P align=center></P>

<TABLE borderColor=#d2b48c height=210 cellSpacing=3 width=540 align=center background=http://www./UploadFile/2004-12/200412617271816.jpg border=8>

<TBODY>

<TR>

<TD align=middle width="93%"><EMBED src=http://imgfree.21cn.com/free/flash/4.swf width=540 height=210 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE>

<P align=center><IMG src="http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0025.gif"></P>

<P align=center><IMG src="http://www./bbs/UploadFile/2004-12/2004126164838195.gif"></P>

<P align=center><IMG src="http://www./picture/xx9/ss2/373.gif"></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></TD></TR></TBODY></TABLE><EMBED src=http://mp3.baidu.com/u?u=http://www.mckxx.com/shaoxiandui/media/YWMJBPDg~wP0I-zm7wPwMuos6xxd9g3~K1sz.MP3 width=0 height=0 type=audio/mpeg Loop="true" AutoStart="true">　

1、红色边框部分：

<TABLE cellSpacing=15 cellPadding=0 width=570 background=http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg border=0>

A、<TABLE  =开始  <TABLE> =结尾 （这两个是绝对格式，否则就成乱码了）

B、cellSpacing=15  =单元格间距（可以任意设置宽度）

C、cellPadding=0 =边框间距

D、width=570   =边框宽度

E、background =插入的背景格式

F、*http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg*  =背景图片

G、border=0> = 边框粗细

2、蓝色内容部分：

<TBODY>

<TR>

<TD>

<P align=center><IMG src="http://www./picture/xx9/ss2/373.gif"></P>

<P align=center><IMG src="http://www./UploadFile/2004-12/200412618938565.gif"></P>

<P align=center><IMG src="http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0025.gif"></P>

<TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360 align=center background=http://www./UploadFile/2004-12/2004126172826197.jpg border=8>

<TBODY>

<TR>

<TD align=middle width="93%"><EMBED src=http://mtv./upload/2004482345353317.swf width=360 height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE>

A、（过渡指令码，我们就这么叫吧）

<TBODY>

<TR>

<TD>

B、（分隔线图片、GIF图片）

<P align=center><IMG src="http://www./picture/xx9/ss2/373.gif"></P>

<P align=center><IMG src="http://www./UploadFile/2004-12/200412618938565.gif"></P>

C、背景图片

<TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360 align=center background=http://www./UploadFile/2004-12/2004126172826197.jpg border=8>

D、单层FLASH

<TBODY>

<TR>

<TD align=middle width="93%"><EMBED src=http://mtv./upload/2004482345353317.swf width=360 height=230 type=application/x-shockwave-flash wmode="transparent" menu="false"

E、本单元结尾

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

3、黑色结尾部分（略，可系统自动结尾）

</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>

4、紫色音乐部分：

<EMBED src=http://mp3.baidu.com/u?u=http://www.mckxx.com/shaoxiandui/media/YWMJBPDg~wP0I-zm7wPwMuos6xxd9g3~K1sz.MP3 width=0 height=0 type=audio/mpeg Loop="true" AutoStart="true">

A、<EMBED src= =开始

B、音乐地址：

http://mp3.baidu.com/u?u=http://www.mckxx.com/shaoxiandui/media/YWMJBPDg~wP0I-zm7wPwMuos6xxd9g3~K1sz.MP3

C、播放器大小（隐藏格式）

width=0 height=0

D、自动重复播放格式

type=audio/mpeg Loop="true" AutoStart="true">

边框的基本格式

<TABLE cellSpacing=边框宽度 width="网页宽度" background=第一层边框图片网址>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=1 borderColorDark=#0d1737 cellPadding=边框宽度 width="网页宽度" borderColorLight=#24387a background=第二层边框图片网址 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=边框宽度 width="网页宽度"background=第三层边框图片网址>
<TBODY>
<TR>
<TD>
<TABLE width="网页宽度" background=背景图片网址 border=0>
<TBODY>
<TR>
<TD>

    说明：

    <table>：表格的起始符。任意一个表格的开始都必须以它开头，且必须有终止符</table>。

    cellspacing：单元格间距。当一个表格有多个单元格时，各单元格的距离就是cellspacing了，如若表格只有一个单元格，那么，这个单元格与表格上、下、左、右边边框的距离也是cellspacing。

    width：表格的宽度。取值从0开始，默认以像素为单位，与显示器的分辨率的像素是一致的。800×600的显示分辨率下，如果表格设置成1000个像素的宽度，那么，得出的效果将导致IE的横向滚动条出现，只有通过滑动它才能看到表格最右边的内容，所以建议在设置表格的宽度时充分考虑显示分辨率问题。width的取值还可以使用百分比，如widht="100%"，这种赋值法有个好处：表格的宽度将根据可显示的宽度来自我调整宽度。

    background：表格的背景图。其值为一个有效的图片地址。<td>也有此属性。同时设置背景色和背景图不冲突，也建议这么做，这样，当图片不能显示时，表格的外观依然是好看的。

    <tbody>：表体的起始符。紧跟在<table>之后，表示表体开始。必须有结尾符，放在</table>之前。在纯网页中可以不要tbody元素，但在论坛一定要使用，否则，当帖子用到较多的表格时，论坛的自动填充功能将可能会导致代码出错。

    <tr>：tr的作用是规定表格的行，其中，t是table，r是row（行）。有多少组tr，这张表格就有多少行。<tr>紧跟在<tbody>之后。必须有终止符</tr>。

    <td>：td的作用是规定表格的列，t是table，d可理解为down（向下）。有多少组td，这张表格就有多少列。第一个<td>紧跟在<tr>之后。终止符为</td>。td与tr配合构成单元格。

以上就第一层边框的基本要素，现在我们在看看第二层边框：

<TABLE cellSpacing=0 borderColorDark=#0d1737 cellPadding=边框宽度 width="网页宽度" borderColorLight=#24387a background=第二层边框图片网址 border=1>
<TBODY>
<TR>
<TD>

其它的全和第一层一样，但多了这二组：

1：cellSpacing=1 borderColorDark=#0d1737 为暗边框，边框宽度为1象素，颜色为0d1737

2：    cellpadding：单元格衬距。指该单元格里的内容与cellspacing区域的距离，如果cellspacing为0，则表示单元格里的内容与表格周边边框的距离。

3：borderColorLight=#24387a 为亮边框，颜色为0d1737

第三层边框和第一层一样，现在我们来看最后一层边框也就是背景。

<TABLE width="网页宽度" background=背景图片网址 border=0>
<TBODY>
<TR>
<TD>

它只有背景的宽度width="网页宽度"，背景展示的网址：background=背景图片网址，还多了一个border=0它是什么意思呢？

border：此属性定义表格的边框。比如，border=1，表示表格边框的粗细为1个像素（默认值），为0表示没有边框

 边框代码１

<TABLE align=center cellSpacing=15 borderColorDark=#875856 cellPadding=0 width="100%" borderColorLight=#d7c5c4 background=http:///wysc/zheng/4/staytoteamuted2.jpg border=1>
<TBODY><TR><TD width="100%">
<TABLE align=center cellSpacing=10 cellPadding=0 width="100%" background=http:///wysc/zheng/4/staytoteastrip.jpg border=0>
<TBODY><TR><TD width="100%">
<TABLE align=center cellSpacing=15 borderColorDark=#875856 cellPadding=0 width="100%" borderColorLight=#d7c5c4 background=http:///wysc/zheng/4/staytoteastripdark.jpg border=1>
<TBODY><TR><TD width="100%">
<TABLE align=center cellSpacing=10 cellPadding=0 width="100%" background=http:///wysc/zheng/4/staytoteastrip.jpg border=0>
<TBODY><TR><TD width="100%">
<TABLE align=center cellSpacing=5 borderColorDark=#875856 cellPadding=0 width="100%" borderColorLight=#d7c5c4 background=http:///wysc/zheng/4/staytoteastripdark.jpg border=1>
<TBODY><TR><TD width="50%">
<TABLE align=center cellSpacing=0 cellPadding=0 width="100%" background=http:///wysc/zheng/4/staytoteatile.jpg border=0>
<TBODY><TR><TD width="50%">
<P align=center><FONT face=隶书 color=#875856 size=7><B><BR><BR>多层边框<BR><BR></B></FONT></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>

边框代码２

<TABLE cellSpacing=38 width="100%" background=http://wz./uploadpic/2005043018225680611.jpg>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#0d1737 cellPadding=12 width="100%" borderColorLight=#24387a background=http://www./680/hongxiu/yaoyaosucai/chaguan/075.files/fdoluz2.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=5 width="100%" background=http://bbs./UploadFile/2004-11/20041127135238480.jpg>
<TBODY>
<TR>
<TD>
<TABLE width="100%" background=http://www./asahi/syaraku/kichinyado/hana2/suiren/suiren22/suiren222.jpg border=0>
<TBODY>
<TR>
<TD>