2012-04-10 13:58:01| 分類：
【邊框教程】 |字號
訂閱本文引用自鱈鯡鮩鮚
《用顏色代碼做邊框》用顏色代碼做邊框
一、做顏色邊框的代碼
<TABLE style="BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge; BACKGROUND-COLOR: #ff0000" cellSpacing=0>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>
說明：紅色代碼是右邊框；綠色代碼是上邊框；深藍色代碼是左邊框；桃紅色代碼是下邊框；天藍色代碼是邊框內(nèi)面背景顏色；
紫色代碼cellSpacing=0是限制內(nèi)邊框與外邊框距離的，“0”表示沒有距離，是可以改變的。（這段代碼里沒有內(nèi)邊框代碼）
#號后面的00ff00是顏色代碼，可以變換，要改變邊框顏色就要將四邊#號后的代碼變?yōu)橥粋€代碼，否則，四邊的顏色就會不同，
顏色代碼可以在顏色代碼表里找，注意用小寫；10PX是表示外邊框的寬度，數(shù)值可以改變。
效果：
此框代碼
此框代碼
<TABLE style="BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge; BACKGROUND-COLOR: #ff0000" cellSpacing=0>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>
外框和背景換色
此框代碼
此框代碼
<TABLE style="BORDER-RIGHT: #ae00ae 10px ridge; BORDER-TOP: #ae00ae 10px ridge; BORDER-LEFT: #ae00ae 10px ridge; BORDER-BOTTOM: #ae00ae 10px ridge; BACKGROUND-COLOR: #844200" cellSpacing=0>
<TBODY>
<TR>
<TD>
<P> </P></TD></TR></TBODY></TABLE>
外框加粗、換色
此框 代碼
此框 代碼
<TABLE style="BORDER-RIGHT: #9d9d9d 20px ridge; BORDER-TOP: #9d9d9d 20px ridge; BORDER-LEFT: #9d9d9d 20px ridge; BORDER-BOTTOM: #9d9d9d 20px ridge; BACKGROUND-COLOR: #750000" cellSpacing=0>
<TBODY>
<TR>
<TD>
<P> </P></TD></TR></TBODY></TABLE>
二、邊框里添加內(nèi)邊框
1、添加白框代碼：
<TABLE border=1>
<TBODY>
<TR>
<TD>
說明：
A、“=”號后的“1”可以變?yōu)椤?”或“3”.......，不可改得太大，因為這是限制內(nèi)邊框?qū)挾鹊?，太寬了就不好看了?div style="height:15px;">
B、做幾個內(nèi)邊框，就將這段代碼放開頭那段代碼的<TD>后，（即“文字”前）并復制粘貼幾次。
效果、代碼
此框代碼
（加一個內(nèi)框代碼）
此框代碼
（加一個內(nèi)框代碼）
<TABLE style="BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge;
BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge; BACKGROUND-COLOR: #ff0000" cellSpacing=5>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TR>
</TBODY></TABLE></TR></TBODY></TABLE>
此框代碼
（加3個內(nèi)框代碼）
此框代碼
（加3個內(nèi)框代碼）
<TABLE style="BORDER-RIGHT: #7c3d76 10px ridge; BORDER-TOP: #7c3d76 10px ridge;
BORDER-LEFT:
#7c3d76 10px ridge; BORDER-BOTTOM: #7c3d76 10px ridge; BACKGROUND-COLOR: #d3a4ff"
cellSpacing=3>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY>
</TABLE></TD></TR></TBODY></TABLE>
3. 添加其他顏色框代碼：
<TABLE border=3>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ffff99 height=3 cellSpacing=1 cellPadding=1 width=800 align=center bgColor=#000000
border=3>
<TBODY>
<TR>
<TD>
說明：就將這段代碼放開頭那段代碼的<TD>后，更換顏色代碼，可得不同顏色內(nèi)框和背景顏色。
此框代碼
此框代碼
<P></P><FONT size=2></FONT>
<TABLE style="BORDER-RIGHT: #ff0000 10px ridge; BORDER-TOP: #ff0000 10px ridge; BORDER-LEFT: #ff0000 10px ridge; BORDER-BOTTOM: #ff0000 10px ridge; BACKGROUND-COLOR: #ffcc33" cellSpacing=5 align=center>
<TBODY>
<TR>
<TD>
<TABLE border=3>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ffff99 height=3 cellSpacing=1 cellPadding=1 width=800 align=center bgColor=#000000 border=3>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
4、添加一條細顏色框代碼：
<TABLE borderColor=#00ff00 height=3 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#000000
border=1>
<TBODY>
<TR>
<TD>
說明：就將這段代碼放開頭那段代碼的<TD>后，更換TABLE borderColor=#00ff00 顏色代碼，得到不同顏色細框。
此框代碼
此框代碼
<TABLE style="BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge; BACKGROUND-COLOR: #460046" cellSpacing=8>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#00ff00 height=3 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#460046 border=1>
<TBODY>
<TR>
<TD><BR><BR><BR><BR>6<BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
5、添加細框代碼：
<TABLE borderColor=#00ff00 height=3 cellSpacing=10 cellPadding=10 width=800
align=center bgColor=#000000 border=1>
<TBODY>
<TR>
<TD>
說明：就將這段代碼放開頭那段代碼的<TD>后，一次添加粘貼幾次，更換顏色代碼，
得到幾層不同顏色細框。
此框代碼
此框代碼
<TABLE style="BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00
10px ridge; BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00
10px ridge; BACKGROUND-COLOR: #000000" cellSpacing=5>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#00ff00 height=3 cellSpacing=10 cellPadding=10
width=800 align=center bgColor=#000000 border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff0000 height=3 cellSpacing=10 cellPadding=10
width=800 align=center bgColor=#000000 border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ffd306 height=3 cellSpacing=10 cellPadding=10
width=800 align=center bgColor=#000000 border=1>
<TBODY>
<TR>
<TD>
<P> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY>
</TABLE><FONT color=#ff00cc></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY>
</TABLE>
此框代碼
此框代碼
（加一個內(nèi)框代碼）
代碼：
<TABLE style="BORDER-RIGHT: #000099 10px ridge; BORDER-TOP: #000099 10px ridge;
BORDER-LEFT: #000099 10px ridge; BORDER-BOTTOM: #000099 10px ridge; BACKGROUND-COLOR: #080808" cellSpacing=5>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TR>
</TBODY></TABLE></TR></TBODY></TABLE>
以上邊框代碼有的來源于網(wǎng)絡，有的為網(wǎng)絡代碼組合而成，試一試更換顏色代碼和代碼中數(shù)據(jù)，
你會有所發(fā)現(xiàn)！! !
此框代碼
代碼：
代碼
<TABLE style="BORDER-BOTTOM: rgb(255,220,116) 12px ridge; BORDER-LEFT: rgb(255,220,116) 12px ridge; BORDER-TOP: rgb(255,220,116) 12px ridge; BORDER-RIGHT: rgb(255,220,116) 12px ridge" title=鱈鯡鮩鮚編輯 border=5 cellSpacing=10 borderColor=#ffdc74 cellPadding=12 width=720 bgColor=#000000 align=center>
<TBODY>
<TR>
<TD>
<DIV align=center> </DIV></TD></TR></TBODY>
<P></P>
<P></P></TABLE>
代碼：
代碼
<TD><FONT color=#339966 size=1 face=宋體><STRONG>
<TABLE style="BORDER-BOTTOM: #336666 12px ridge; BORDER-LEFT: #336666 12px ridge; WIDTH: 826px; HEIGHT: 105px; BORDER-TOP: #336666 12px ridge; BORDER-RIGHT: #336666 12px ridge" title=鱈鯡鮩鮚編輯 border=5 cellSpacing=10 borderColor=#336666 cellPadding=12 width=826 bgColor=#000000 align=center>
<TBODY>
<TBODY>
<TR>
<TD></TD></TR></TBODY><BR></TABLE></STRONG></FONT>
用顏色制作邊框
用顏色制作邊框
代碼代碼：
用顏色制作邊框代碼 <TABLE border=50 cellSpacing=5 borderColor=#00ffdd cellPadding=8 width="100%" bgColor=#aaaadd align=center>
<TBODY>
<TR>
<TD>
<TABLE border=1 cellSpacing=5 borderColor=#aa99bb cellPadding=8 width="100%" bgColor=#000000 align=center>
<TBODY>
<TR>
<TD>
<P dir=ltr><FONT color=#ff6633 size=4><STRONG>此處添加內(nèi)容</STRONG></FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
立 體 邊 框 代 碼
立 體 邊 框 代 碼
<table style="border:19px #ccffcc ridge" align="center" border="0" cellpadding="0" cellspacing="0" width="460" background="http://image51.360doc.com/DownloadImg/2012/04/1021/23085872_6.jpg">
<tr><td><br><br><br><br><br><br></td></tr></table>
黑底邊框代碼
代碼
<TABLE id=blogContentTable cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD vAlign=top><BR><BR>
<P style="TEXT-INDENT: 2em">
<TABLE border=0 cellSpacing=11 borderColor=#cccccc cellPadding=11 width="100%" bgColor=#000000>
<TBODY>
<TR>
<TD>
<TABLE border=5 cellSpacing=3 borderColor=#633414 cellPadding=3 width="100%" bgColor=#000000>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=11 borderColor=#cccccc cellPadding=11 width="100%" bgColor=#000000>
<TBODY>
<TR>
<TD>
<TABLE border=1 cellSpacing=0 borderColor=#965d36 cellPadding=0 width="100%" bgColor=#000000>
<TBODY>
<TR>
<TD>
<TABLE border=10 cellSpacing=0 borderColor=#412614 cellPadding=0 width="100%" bgColor=#000000>
<TBODY>
<TR>
<TD>
<TABLE border=1 cellSpacing=0 borderColor=#965d36 cellPadding=0 width="100%" bgColor=#000000>
<TBODY>
<TR>
<TD>
<P style="TEXT-INDENT: 2em"></P><
<P style="TEXT-INDENT: 2em"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P style="TEXT-INDENT: 2em"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
藍邊框
l藍色邊框代碼
代碼：
<TABLE id=blogContentTable cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD vAlign=top><BR>
<P style="TEXT-INDENT: 2em">
<TABLE style="WIDTH: 877px; HEIGHT: 427px" border=0 cellSpacing=11 borderColor=#f0ffff cellPadding=11 width=877 bgColor=#000033 align=center>
<TBODY>
<TR>
<TD>
<TABLE border=5 cellSpacing=3 borderColor=#f0ffff cellPadding=3 width="100%" bgColor=#000033>
<TBODY>
