css 样式边框

一． 虚线

[align=left]<TABLE width="400" style="border-style:solid; border-color:#ff99cc; border-width:1px;"> <TR><TD align="center" style="border-style:dashed; border-color:#ff99cc; border-width:1px;">输入文字</TD></TR></TABLE> [/align]

二．圆点

[align=left]<TABLE width="400" style="border-color:#ff99cc; border-width:4px; border-style:dotted;"><TR><TD align="center">输入文字</TD></TR></TABLE> [/align]

三．方点

[align=left]<TABLE width="400" style="border-color:#ff99cc; border-width:2px;  border-style:dotted;"><TR><TD align="center">输入文字</TD></TR></TABLE> [/align]

四．双层

[align=left]<TABLE width="400" style="border-color:#ff99cc; border-width:4px; border-style:double;"> <TR><TD align="center">输入文字</TD></TR></TABLE> [/align]

五．方长点

[align=left]<TABLE width="400" style="border-color:#ff99cc; border-width:4px; border-style:dashed;"><TR><TD align="center">输入文字</TD></TR></TABLE> [/align]

六．虚线带背景

[align=left]<TABLE width="400" bgcolor="#ff99cc"> <TR><TD align="center" style="border-style:dashed; border-color:#ffffff;  border-width:1px;">输入文字</TD></TR></TABLE> [/align]

七．内框圆点带背景

[align=left]<TABLE width="400" bgcolor="#ff99cc"> <TR><TD align="center" style="border-style:dotted; border-color:#ffffff; border-width:4px;">输入文字</TD></TR></TABLE> [/align]

八．外框圆点带背景

[align=left]<TABLE width="400" bgcolor="#ff99cc" style="border-style:dotted; border-color:#ff99cc; border-width:4px;"> <TR><TD align="center">输入文字</TD></TR></TABLE> [/align]

九．邮票边框

[align=left]<TABLE border="0" cellpadding="10" cellspacing="0" bgcolor="#ff99cc" style="border:dashed 3px #ff99cc;"> <TBODY><TR><TD width="400" > <div align="center">输入文字</div></TD> </TR></TBODY> [/align] [align=left]</TABLE> [/align]

十．中空围边带背景

<table bgcolor="lightblue" cellspacing="5" cellpadding="5"><tr> <td style="border:3px solid white;"> 在这里输入内容 </td>< 4000 ;/tr></table>

说明：
1.Border-left-style:solid (double, groove, ridge, inset, outset)边框样式
2.border-width:框的高度pt
3.border-color:颜色
4.Border-left-color: #xxxxxx边框颜色
颜色的代码回头补上
5.Border-left-width: 数字pt 边框粗细
一． 中空围边

[align=left]<table border="1" bordercolor="royalblue" cellspacing="1" cellpadding="4"><tr><td> 在这里输入内容 </td></tr></table> [/align]

二  深浅色围边 

[align=left]<table style="border:1px solid royalblue;" cellpadding="4" cellspacing="4"> <tr><td style="border:1px solid lightblue;"> <font size="2">在这里输入内容</font></td></tr> [/align] [align=left]</table> [/align]

三 幻彩围边

[align=left]<table style="border:1px solid red;" cellpadding="4" cellspacing="4"><tr> <td style="border:1px solid black;"> <font size="2">在这里输入内容</font><font size="1"> </td></tr></table> [/align]

四． 点线深浅色

[align=left]<table style="border:2px dotted royalblue;" cellpadding="4" cellspacing="4"> <tr><td style="border:2px dotted lightblue;"> <font size="2">在这里输入文字</td></tr></table> [/align]

五．点线幻彩

[align=left]<table style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4"> <tr><td style="border:2px dotted deepskyblue;"> <font size="2">在这里输入文字</font></td></tr> [/align] [align=left]</table> [/align]

六．波浪形

[align=left]<table style="border:1px dashed deepskyblue;" cellspacing="5" bgcolor="deepskyblue" cellpadding="5"><tr><td style="border:1px dashed white;"  bgcolor="white"> <font size="2">在这里输入文字</font> </td></tr></table></td> [/align] [align=left]</tr> [/align] [align=left]</table> [/align]

七． 粗线彩虹

[align=left]<table cellpadding="4" cellspacing="0" style="border:double 5px plum;"> <tr><td style="border:double 5px lightblue;"> <font size="2">在这里输入文字 </font> </td></tr></table> [/align]

 


八．细线彩虹

[align=left]<table style="BORDER-RIGHT: dodgerblue 3px double; BORDER-TOP: dodgerblue 3px double; BORDER-LEFT: dodgerblue 3px double;BORDER-BOTTOM: dodgerblue 3px double" cellSpacing="0" cellPadding="0"> <tr><td> <table style="BORDER-RIGHT: lightblue 3px double; BORDER-TOP: lightblue 3px double;  BORDER-LEFT: lightblue 3px double;  BORDER-BOTTOM: lightblue 3px double" cellPadding="0"> <tr><td> <table style="BORDER-RIGHT: dimgray 1px solid; BORDER-TOP: dimgray 1px solid;  BORDER-LEFT: dimgray 1px solid; BORDER-BOTTOM:  dimgray 1px solid; BACKGROUND-COLOR: white" cellPadding="7"> <tr><td><font size="2">在这里输入文字 </font></td> </tr></table></td></tr> [/align] [align=left]</table></td> </tr></table> [/align]

九．幻彩背景色

[align=left]<table style="BORDER-RIGHT: lightblue 3px double;  BORDER-TOP: lightblue 3px double; BORDER-LEFT: lightblue 3px double;  BORDER-BOTTOM: lightblue 3px double" height="100" cellPadding="2" width="150"> <tr><td style="BORDER-RIGHT: plum 3px double; BORDER-TOP: plum 3px double; BORDER-LEFT: plum 3px double; BORDER-BOTTOM: plum 3px double;  BACKGROUND-COLOR: aliceblue"> <p align="center">在这里输入内容</td></tr></table> [/align]

十．圆点围边型

[align=left]<table style="BORDER-RIGHT: plum 1px solid; BORDER-TOP: plum 1px solid; BORDER-LEFT:  plum 1px solid; BORDER-BOTTOM:plum 1px solid"  height="100" cellPadding="5" width="100" bgColor="#eee0e5"><tr> <td style="BORDER-RIGHT: orchid 4px dotted; BORDER-TOP: orchid 4px dotted; BORDER-LEFT: orchid 4px dotted;BORDER-BOTTOM:  orchid 4px dotted" bgColor="white"> <font size="2">在这里输入内容</font> </td></tr></table> [/align]

十一． 双层双色花边型

[align=left]<table style="BORDER-RIGHT: lightblue 1px dashed; BORDER-TOP: lightblue 1px dashed;  BORDER-LEFT: lightblue 1px dashed;  BORDER-BOTTOM: lightblue 1px dashed" cellSpacing="5" cellPadding="3"  bgColor="lightblue"> <tr><td style="BORDER-RIGHT: lightcyan 1px dashed; BORDER-TOP: lightcyan 1px  dashed;  BORDER-LEFT: lightcyan 1px dashed;  BORDER-BOTTOM: lightcyan 1px dashed" bgColor="lightcyan"> <table><tr> <td style="PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px;  PADDING-TOP: 6px" bgColor="white"> <font size="2">在这里输入文字 </font></td></tr> [/align] [align=left]</table> [/align] [align=left]</td> </tr></table> [/align]

 十二．虚线花边型

[align=left]<table style="BORDER-RIGHT: lightblue 1px dashed; BORDER-TOP: lightblue 1px dashed; BORDER-LEFT: lightblue 1px dashed;  BORDER-BOTTOM: lightblue 1px dashed" cellSpacing="3" cellPadding="4" bgColor="lightblue"><tr> <td style="BORDER-RIGHT: white 1px dashed; BORDER-TOP: white 1px dashed; BORDER-LEFT: white 1px dashed; BORDER-BOTTOM: white 1px dashed"> <font size="2">在此输入内容 </font></td> </tr></table> [/align]

十三． 双层带标题

b80f

标题

[align=left]<table style="BORDER-RIGHT: lightblue 1px solid; BORDER-TOP: lightblue 1px solid; BORDER-LEFT: lightblue 1px solid; BORDER-BOTTOM: lightblue 1px  solid" cellSpacing="5" cellPadding="4"> <tr><td style="BORDER-RIGHT: lightblue 1px dashed; BORDER-TOP: lightblue 1px dashed; BORDER-LEFT: lightblue 1px dashed; BORDER-BOTTOM: lightblue 1px dashed" bgColor="lightblue"><font size="2"> 标题</font></td></tr><tr> <td><font size="2">在这里输入内容</font> </td></tr></table> [/align]

十四．彩色标题

[align=center]＊　　　标题　　　＊ [/align] [align=left]<table><tbody><tr> [/align] [align=left]<td> <div style="border:1px [/align] [align=left] solid #666; background:#add8e6; [/align] [align=left]font-size:13px; color:#666"> <div style=" [/align] [align=left]border-bottom:1px [/align] [align=left]solid  #fff;padding:3px" align="center"> ＊　　　标题　　　＊ </div><div style=" [/align] [align=left]border-top:1px dashed #999;background:#fff; padding:10px" align="left"> 在这里输入文字 </div></div> </td></tr></tbody> [/align] [align=left]</table> [/align]

十五．彩色点线

[align=left]<TABLE border="0" cellpadding="0"  cellspacing="0" width="120"  height="50" bgcolor="#ffd9e6" align=center> <TR><TD><TABLE border="0" cellpadding="5" cellspacing="0" width="100%"  height="100%" style=" border:dotted 4px hotpink;"> <TR><TD bgcolor="white"> <font size="2">在这里输入文字 </font></TD></TR> [/align] [align=left]</TABLE> </TD></TR> [/align] [align=left]</TABLE> [/align]

十六．分行

分行 分行 分行 分行

代码： [align=left]<TABLE border="0" style="border: solid 1px hotpink;" bgcolor="white"> <TR><TD> <TABLE border="0" style="border: dotted 1px pink;"> <TR><TD align="center"> <TABLE border="0" cellpadding="3" cellspacing="3" width="100%"> <TR><TD style="border-bottom:dotted  1px pink;"><font size="2"> 在这里输入文字</font></TD></TR> <TR><TD style="border-bottom:dotted 1px pink;"><font size="2"> 在这里输入文字</font></TD></TR> <TR><TD style="border-bottom:dotted 1px pink;"><font size="2"> 在这里输入文字</font></TD></TR> <TR><TD style="border-bottom:dotted 1px pink;"><font size="2"> 在这里输入文字</font></TD></TR> </TD></TR></TABLE> </TD></TR></TABLE> </TD></TR></TABLE>                                   [/align]

说明：
1.Border-left-style:solid (double, groove, ridge, inset, outset)边框样式
2.border-width:框的高度pt
3.border-color:颜色
4.Border-left-color: #xxxxxx边框颜色
颜色的代码回头补上
5.Border-left-width: 数字pt 边框粗细