邊框代碼詳解:[收集.整理]

HTML代碼編輯參考資料編寫:芳芷香蕙要學習代碼貼圖,你參預的論壇必須是允許使用[HTML]代碼的。有的論壇雖然不允許使用代碼,但在諸如音畫時尚,貼圖專欄或新手學堂等欄目開通。有的論壇註明允許使用代碼,但必須有條件去申請才批淮啟用。還需注意粘貼代碼前應先選擇[HTML],同時把旁邊的自動修正的鉤去掉。現在已有不少論壇,可以直接發代碼貼了。為了更好的學習編輯代碼,應在自已電腦的硬碟中建一個學代碼的文件夾,內放若干記事本,作編輯和保存代碼用。初學者要在鍵盤上直接輸入代碼語句有些困難,可以把下面這些常用代碼複製在記事本上,方便需要時取用。常用漢字代碼:宋體 黑體 楷體_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.2000y.net/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.gw.com.cn/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="https://www.getit01.com/getimg_360.php?url=http://bbs.jmrb.com/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 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="https://www.getit01.com/getimg_360.php?url=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.e-yu.cn/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.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 background="http://bbs.xxjy.net/UploadFile/2004-10/20041028356173.jpg" border=5><TBODY><TR><TD><TABLE borderColor=#111111 cellSpacing=0 cellPadding=3 background="http://www.dabaoku.com/sucai/shejilei/bj/pic/0410.jpg" border=5><TBODY><TR><TD><TABLE borderColor=#111111 cellSpacing=0 cellPadding=15 background="http://img.gw.com.cn/UploadFile/2004/9/3/3436397.jpg" border=5><TBODY><TR><TD><TABLE borderColor=#111111 cellSpacing=0 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 ><TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=15 width_=500 borderColorLight=#055b56 background=圖片地址 border=0><TBODY><TR><TD ><TABLE cellSpacing=0 cellPadding=3 background=圖片地址 border=0><TBODY><TR><TD ><TABLE cellSpacing=0 cellPadding=15 background= 圖片地址 border=0><TBODY><TR><TD ><TABLE cellSpacing=0 cellPadding=3 background=圖片地址 border=0><TBODY><TR><TD ><TABLE cellSpacing=0 cellPadding=15 background=圖片地址 border=0><TBODY><TR><TD ><TABLE cellSpacing=10 borderColorDark=#001a1a cellPadding=0 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.mz99.com/UploadFile/2004-6/20046733350553.gif></MARQUEE><FONT color=orange><MARQUEE behavior=alternate direction=up height=250 width_=110><img src=http://bbs.mz99.com/UploadFile/2004-6/20046733350553.gif></MARQUEE><FONT color=Fuchsia><MARQUEE behavior=alternate direction=up height=300 width_=110><img src=http://bbs.mz99.com/UploadFile/2004-6/20046733350553.gif></MARQUEE><FONT color=olive><MARQUEE behavior=alternate direction=up height=250 width_=110><img src=http://bbs.mz99.com/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=403.視頻<embed src=視頻網址 type=audio/x-pn-realaudio-plugin controls=imagewindow,ControlPanel,StatusBar AutoStart=true Loop=true width_=400 height=400>說明:AutoStart=true 表示是否要音樂文件傳送完就自動播放,TRUE是要,FALSE是不要,默認為trueLoop=true 表示設定播放重複次數,LOOP=3表示重複3次,true表示無限次播放,FALSE播放一次即停止。為讓大家有個直觀的認識,就我自己的一個成品帖子,做一下實例演示:(帖子地址:http://www.maoge.com.cn/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.qjinfo.com/userfilepath/xiaotan/xiaotan007/cancaoparatifundo1.jpg border=0><TBODY><TR><TD width_=520><TABLE cellSpacing=4 cellPadding=0 width_=520 background=http://life121888.512j.com/index/GardenOfGoldstrip[1].jpg___200494123055106.jpg border=0><TBODY><TR><TD width_=520><TABLE cellSpacing=10 cellPadding=0 background=http://gb.qjinfo.com/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.vicp.net/dvbbs/UploadFile/2004-12/2004123103319481.jpg border=0><TBODY><TR><TD width_=520 background=http://gb.qjinfo.com/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="https://www.getit01.com/getimg_360.php?url=http://www.616bbs.com/picture/xx9/ss2/373.gif"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.mtvbbs.com/UploadFile/2004-12/200412618938565.gif"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0025.gif"></P><TABLE borderColor=#d2b48c height=230 cellSpacing=1 width_=360align=center background=http://www.mtvbbs.com/UploadFile/2004-12/2004126172826197.jpg border=8><TBODY><TR><TD align=middle width_="93%"><EMBED src=http://mtv.vicn.com/upload/2004482345353317.swf width_=360height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://sbr0912.vicp.net/dvbbs/UploadFile/2004-12/2004122145722665.gif"></P><P align=center><TABLE borderColor=#d2b48c height=400 cellSpacing=3 width_=540 background=http://www.mtvbbs.com/UploadFile/2004-12/2004126172728883.jpg border=1><TBODY><TR><TD align=middle width_="93%"><EMBED src=http://favorites2003.vicp.net/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="https://www.getit01.com/getimg_360.php?url=http://sbr0912.vicp.net/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.mtvbbs.com/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="https://www.getit01.com/getimg_360.php?url=http://sbr0912.vicp.net/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.mtvbbs.com/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="https://www.getit01.com/getimg_360.php?url=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0025.gif"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.maoge.com.cn/bbs/UploadFile/2004-12/2004126164838195.gif"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.616bbs.com/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="https://www.getit01.com/getimg_360.php?url=http://www.616bbs.com/picture/xx9/ss2/373.gif"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.mtvbbs.com/UploadFile/2004-12/200412618938565.gif"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0025.gif"></P><TABLE borderColor=#d2b48c height=230 cellSpacing=1 width_=360align=center background=http://www.mtvbbs.com/UploadFile/2004-12/2004126172826197.jpg border=8><TBODY><TR><TD align=middle width_="93%"><EMBED src=http://mtv.vicn.com/upload/2004482345353317.swf width_=360height=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="https://www.getit01.com/getimg_360.php?url=http://www.616bbs.com/picture/xx9/ss2/373.gif"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.mtvbbs.com/UploadFile/2004-12/200412618938565.gif"></P>C、背景圖片<TABLE borderColor=#d2b48c height=230 cellSpacing=1 width_=360align=center background=http://www.mtvbbs.com/UploadFile/2004-12/2004126172826197.jpg border=8>D、單層FLASH<TBODY><TR><TD align=middle width_="93%"><EMBED src=http://mtv.vicn.com/upload/2004482345353317.swf width_=360height=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.MP3C、播放器大小(隱藏格式)width_=0 height=0D、自動重複播放格式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象素,顏色為0d17372: 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表示沒有邊框邊框代碼1<TABLE align=center cellSpacing=15 borderColorDark=#875856 cellPadding=0 borderColorLight=#d7c5c4 background=http://yuandi.com/wysc/zheng/4/staytoteamuted2.jpg border=1><TBODY><TR><TD ><TABLE align=center cellSpacing=10 cellPadding=0 background=http://yuandi.com/wysc/zheng/4/staytoteastrip.jpg border=0><TBODY><TR><TD ><TABLE align=center cellSpacing=15 borderColorDark=#875856 cellPadding=0 borderColorLight=#d7c5c4 background=http://yuandi.com/wysc/zheng/4/staytoteastripdark.jpg border=1><TBODY><TR><TD ><TABLE align=center cellSpacing=10 cellPadding=0 background=http://yuandi.com/wysc/zheng/4/staytoteastrip.jpg border=0><TBODY><TR><TD ><TABLE align=center cellSpacing=5 borderColorDark=#875856 cellPadding=0 borderColorLight=#d7c5c4 background=http://yuandi.com/wysc/zheng/4/staytoteastripdark.jpg border=1><TBODY><TR><TD width_="50%"><TABLE align=center cellSpacing=0 cellPadding=0 background=http://yuandi.com/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>邊框代碼2<TABLE cellSpacing=38 background=http://wz.2000y.net/uploadpic/2005043018225680611.jpg><TBODY><TR><TD><TABLE cellSpacing=0 borderColorDark=#0d1737 cellPadding=12 borderColorLight=#24387a background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/075.files/fdoluz2.jpg border=1><TBODY><TR><TD><TABLE cellPadding=5 background=http://bbs.xxjy.net/UploadFile/2004-11/20041127135238480.jpg><TBODY><TR><TD><TABLE background=http://www.ne.jp/asahi/syaraku/kichinyado/hana2/suiren/suiren22/suiren222.jpg border=0><TBODY><TR><TD>


推薦閱讀:

真宗子平資料整理(中)
淵海子平原文及眉批中的命例整理(轉載)
【衣物整理圖解】多出來的位置可以再添新衣
老祖宗流傳下來的俗語大全,誰整理出來的?
2010年上半年出口退(免)稅稅收政策整理彙編

TAG:代碼 | 整理 | 收集 | 邊框 |