【引用】用顏色代碼做邊框

一、做顏色邊框的代碼<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>說明：紅色代碼是右邊框；綠色代碼是上邊框；深藍色代碼是左邊框；桃紅色代碼是下邊框；天藍色代碼是邊框內面背景顏色；紫色代碼cellSpacing=0是限制內邊框與外邊框距離的，「0」表示沒有距離，是可以改變的。（這段代碼里沒有內邊框代碼）#號後面的00ff00是顏色代碼，可以變換，要改變邊框顏色就要將四邊#號後的代碼變為同一個代碼，否則，四邊的顏色就會不同，顏色代碼可以在顏色代碼表里找，注意用小寫；10PX是表示外邊框的寬度，數值可以改變。效果：此框代碼此框代碼<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>&nbsp;</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>&nbsp;</P></TD></TR></TBODY></TABLE>二、邊框里添加內邊框1、添加白框代碼：<TABLE border=1><TBODY><TR><TD>說明：A、「=」號後的「1」可以變為「2」或「3」.......，不可改得太大，因為這是限制內邊框寬度的，太寬了就不好看了；B、做幾個內邊框，就將這段代碼放開頭那段代碼的<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: #ff0000" cellSpacing=5><TBODY><TR><TD><TABLE border=1><TBODY><TR><TD>&nbsp;</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE>此框代碼（加3個內框代碼）此框代碼（加3個內框代碼）<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=#000000border=3><TBODY><TR><TD>說明：就將這段代碼放開頭那段代碼的<TD>後，更換顏色代碼，可得不同顏色內框和背景顏色。此框代碼此框代碼<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=#000000border=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_=800align=center bgColor=#000000 border=1><TBODY><TR><TD>說明：就將這段代碼放開頭那段代碼的<TD>後，一次添加粘貼幾次，更換顏色代碼，得到幾層不同顏色細框。此框代碼此框代碼<TABLE style="BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff0010px ridge; BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff0010px ridge; BACKGROUND-COLOR: #000000" cellSpacing=5><TBODY><TR><TD><TABLE borderColor=#00ff00 height=3 cellSpacing=10 cellPadding=10width_=800 align=center bgColor=#000000 border=1><TBODY><TR><TD><TABLE borderColor=#ff0000 height=3 cellSpacing=10 cellPadding=10width_=800 align=center bgColor=#000000 border=1><TBODY><TR><TD><TABLE borderColor=#ffd306 height=3 cellSpacing=10 cellPadding=10width_=800 align=center bgColor=#000000 border=1><TBODY><TR><TD><P>&nbsp;</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><FONT color=#ff00cc></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>此框代碼此框代碼（加一個內框代碼）代碼：<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>&nbsp;</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE>以上邊框代碼有的來源於網路，有的為網路代碼組合而成，試一試更換顏色代碼和代碼中數據，你會有所發現！! !

此框代碼代碼：代碼<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>&nbsp;</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 bgColor=#aaaadd align=center><TBODY><TR><TD><TABLE border=1 cellSpacing=5 borderColor=#aa99bb cellPadding=8 bgColor=#000000 align=center><TBODY><TR><TD><P dir=ltr><FONT color=#ff6633 size=4><STRONG>此處添加內容</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 bgColor=#000000><TBODY><TR><TD><TABLE border=5 cellSpacing=3 borderColor=#633414 cellPadding=3 bgColor=#000000><TBODY><TR><TD><TABLE border=0 cellSpacing=11 borderColor=#cccccc cellPadding=11 bgColor=#000000><TBODY><TR><TD><TABLE border=1 cellSpacing=0 borderColor=#965d36 cellPadding=0 bgColor=#000000><TBODY><TR><TD><TABLE border=10 cellSpacing=0 borderColor=#412614 cellPadding=0 bgColor=#000000><TBODY><TR><TD><TABLE border=1 cellSpacing=0 borderColor=#965d36 cellPadding=0 bgColor=#000000><TBODY><TR><TD><P style="TEXT-INDENT: 2em"></P>&lt;<P style="TEXT-INDENT: 2em"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><P style="TEXT-INDENT: 2em">&nbsp;</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 bgColor=#000033><TBODY>
推薦閱讀：