代碼做外邊框和內邊框

代碼做外邊框和內邊框這款背景的代碼如下：<TABLEstyle="BORDER-RIGHT: #440022 8pxdashed; BORDER-TOP: #440022 8pxdashed; BORDER-LEFT: #440022 8pxdashed; WIDTH: 500px; BORDER-BOTTOM: #440022 8px dashed; HEIGHT: 91px"borderColor=#eeff88 cellSpacing=15cellPadding=20 width_=500 align=center bgColor=#440022 border=10><TBODY><TR><TD></TD></TR></TBODY></TABLE>代碼說明：代碼中四個粉色的六位數，是四條齒形邊的顏色,藍色的六位數是裡面那條細邊框的顏色，綠色六位數是文章背景的顏色。我這兩款背景與齒形邊框選的是同色，您也可以選不同色，只要協調就行。這樣利用顏色代碼，您就可以裝扮您的文章背景了。1、外框主代碼<TABLE style="BORDER-RIGHT: #00ffff10px ridge; BORDER-TOP: #00ffff 10px ridge; BORDER-LEFT: #00ffff10px ridge; BORDER-BOTTOM: #00ffff 10px ridge;BACKGROUND-COLOR:#0aa297"cellSpacing=0><TBOD><TR><TD><TABLEborder=1><TBODY><TR><TD><TABLEborder=1><TBODY><TR><TD><TABLEborder=1><TBODY><TR><TD>這裡寫文字，隨著文字增多，邊框自動延長。也可加背景圖片的代碼</TD></TR></TBODY></TABLE>解析：①BORDER-RIGHT: #00ffff 10px ridge;BORDER-TOP: #00ffff 10px ridge; BORDER-LEFT: #00ffff 10px ridge;BORDER-BOTTOM: #00ffff為左右上下四個邊框的顏色控制屬性，#00ffff是顏色代碼，你自己可以代換；②BACKGROUND-COLOR:#0aa297為框內顏色屬性；③cellSpacing=0為內外框距離，此處沒有外框，設定為0內外框組合我以四個內框為例：<TABLEstyle="BORDER-RIGHT: #00ff00 10px ridge;BORDER-TOP: #00ff00 10pxridge; BORDER-LEFT:#00ff00 10px ridge;BORDER-BOTTOM: #00ff0010px ridge;BACKGROUND-COLOR: #ccff00"cellSpacing=2><TBODY><TR><TD><TABLEborder=1><TBODY><TR><TD><TABLEborder=1><TBODY><TR><TD><TABLEborder=1><TBODY><TR><TD><TABLEborder=1><TBODY><TR><TD>這裡寫文字，隨文字增多，邊框逐漸放大。可加入背景圖片代碼等。</TD></TR></TBODY></TABLE>雙層邊框代碼:<TABLE style="WIDTH: 650px; HEIGHT:178px" cellSpacing=5 borderColorDark=#9400d3 cellPadding=20width_=743 borderColorLight=#ff4500 border=20><TBODY><TR><TD ><DIV align=center><TABLE cellSpacing=5 borderColorDark=#ff4500cellPadding=0 borderColorLight=#9400d3border=12><TBODY><TR><TD ><P align=center><FONTsize=7>內容</FONT></P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE><P></P><TABLE borderColor=#8O0000 cellSpacing=15cellPadding=0 bgColor=#ffb6C1border=10><TBODY><TR><TD><FONTcolor=#0000ff>輸入內容</FONT></TD><TR><TD><FONTcolor=#0000ff>輸入內容</FONT></TD></TR></TBODY></TABLE>輸入內容行列合併6行3列代碼:<Palign=center><TABLE style="WIDTH:660px; HEIGHT: 315px" borderColor=#ff0000 cellSpacing=15cellPadding=0 width_=660 bgColor=#000000border=10><TBODY><TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR></TBODY></TABLE>題目文編輯：<TABLE style="POSITION:relative; BORDER-BOTTOM-STYLE: dashed; BORDER-RIGHT-STYLE: dashed;WIDTH: 680px; BORDER-TOP-STYLE: dashed; BORDER-LEFT-STYLE: dashed;LEFT: 0px; Top-sTYLe: dashed" border=9 cellSpacing=0borderColor=#60475b cellPadding=0 width_=680align=center><TBODY><TR><TD><TABLE border=7 cellSpacing=5 borderColor=#60475bcellPadding=1 width_=680 bgColor=#9c7294align=center><TBODY><TR><TD bgColor=#60475b><DIV align=center><DIV style="FILTER: glow(color=#e4DC9B, strength=5);WIDTH: 177px; HEIGHT: 73px"><Palign=center><STRONG><FONTsize=0><FONT style="LINE-HEIGHT:normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt;FONT-WEIGHT: normal" color=#dc143cface=華文行楷>題目</FONT></FONT></STRONG></P></DIV><FONTcolor=#dc143csize=4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT></DIV><P align=center><FONTcolor=#8fbc8f size=4face=楷體_GB2312><U>文編輯：</U></FONT></P><Palign=center>&nbsp;</P><Palign=center>&nbsp;</P><Palign=center>&nbsp;</P><Palign=center>&nbsp;</P><TABLE style="BORDER-BOTTOM: #9c7294 8px dotted;BORDER-LEFT: #9c7294 8px dotted; WIDTH: 465px; HEIGHT: 200px;BORDER-TOP: #9c7294 8px dotted; BORDER-RIGHT: #9c7294 8px dotted"border=0 cellSpacing=0 borderColor=#000000 cellPadding=0width_=465><TBODY><TR><TD ><P dir=ltralign=center>&nbsp;</P></TD></TR></TBODY></TABLE><P>&nbsp;</P><Palign=center><STRONG><FONTsize=4>&nbsp;</FONT></STRONG></P></TR><TBODY><TR><TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
推薦閱讀：