代码做外边框和内边框

代码做外边框和内边框         这款背景的代码如下： <TABLE style="BORDER-RIGHT: #440022 8px dashed; BORDER-TOP: #440022 8px dashed; BORDER-LEFT: #440022 8px dashed; WIDTH: 500px; BORDER-BOTTOM: #440022 8px dashed; HEIGHT: 91px" borderColor=#eeff88 cellSpacing=15 cellPadding=20 width=500 align=center bgColor=#440022 border=10> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE>   代码说明： 　　代码中四个粉色的六位数，是四条齿形边的颜色,蓝色的六位数是里面那条细边框的颜色，绿色六位数是文章背景的颜色。我这两款背景与齿形边框选的是同色，您也可以选不同色，只要协调就行。这样利用颜色代码，您就可以装扮您的文章背景了。               1、外框主代码 <TABLE style="BORDER-RIGHT: #00ffff 10px ridge; BORDER-TOP: #00ffff 10px ridge; BORDER-LEFT: #00ffff 10px ridge; BORDER-BOTTOM: #00ffff 10px ridge; BACKGROUND-COLOR:#0aa297"cellSpacing=0> <TBOD><TR><TD><TABLEborder=1><TBODY><TR><TD><TABLE border=1><TBODY><TR><TD><TABLE border=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             内外框组合 我以四个内框为例： <TABLE style="BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge; BACKGROUND-COLOR: #ccff00" cellSpacing=2> <TBODY> <TR> <TD> <TABLE border=1>                       <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>             双层边框代码: <TABLE style="WIDTH: 650px; HEIGHT: 178px" cellSpacing=5 borderColorDark=#9400d3 cellPadding=20 width=743 borderColorLight=#ff4500 border=20> <TBODY> <TR> <TD width="100%"> <DIV align=center> <TABLE cellSpacing=5 borderColorDark=#ff4500 cellPadding=0 width="100%" borderColorLight=#9400d3 border=12> <TBODY> <TR> <TD width="100%"> <P align=center><FONT size=7>内容</FONT></P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE> <P></P>         <TABLE borderColor=#8O0000 cellSpacing=15 cellPadding=0 width="100%" bgColor=#ffb6C1 border=10> <TBODY> <TR> <TD><FONT color=#0000ff>输入内容</FONT></TD> <TR> <TD><FONT color=#0000ff>输入内容</FONT></TD></TR></TBODY></TABLE> 输入内容               行列合并6行3列代码: <P align=center><TABLE style="WIDTH: 660px; HEIGHT: 315px" borderColor=#ff0000 cellSpacing=15 cellPadding=0 width=660 bgColor=#000000 border=10> <TBODY> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TR> <TD> </TD> <TD> </TD> <TD> </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=0 borderColor=#60475b cellPadding=0 width=680 align=center> <TBODY> <TR> <TD> <TABLE border=7 cellSpacing=5 borderColor=#60475b cellPadding=1 width=680 bgColor=#9c7294 align=center> <TBODY> <TR> <TD bgColor=#60475b> <DIV align=center> <DIV style="FILTER: glow(color=#e4DC9B, strength=5); WIDTH: 177px; HEIGHT: 73px"> <P align=center><STRONG><FONT size=0><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#dc143c face=华文行楷>题目</FONT></FONT></STRONG></P></DIV><FONT color=#dc143c size=4>       </FONT></DIV> <P align=center><FONT color=#8fbc8f size=4 face=楷体_GB2312><U>文编辑：</U></FONT></P> <P align=center> </P> <P align=center> </P> <P align=center> </P> <P align=center> </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=0 width=465> <TBODY> <TR> <TD width="100%"> <P dir=ltr align=center> </P></TD></TR></TBODY></TABLE> <P> </P> <P align=center><STRONG><FONT size=4> </FONT></STRONG></P></TR> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>