实用的个性边框

实用个性边框       1.浮雕阴影边框   代码: <TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#330033,Direction=120,strength=5)" height=100 width=380 align=center bgColor=#660066><TBODY> <TR> <TD> <CENTER><FONT color=#000000>代码</FONT></CENTER></TD></TR></TBODY></TABLE>   2.半透明边框   代码： <TABLE style="FILTER: alpha(opacity=30)" height=100 width=380 bgColor=#00CCFF border=1> <TBODY> <TR> <TD>代码</TD></TR></TBODY></TABLE>   3.字集段边框   标题文字 代码： <FIELDSET style="WIDTH: 380px"><LEGEND><FONT color=#99cc00>标题文字</FONT></LEGEND>文字内容</FIELDSET>   4.正方体边框   代码： <TABLE style="LEFT: 10px; TOP: 49px" height=26 borderColorDark=#FF00FF width=380 borderColorLight=#990066 border=1> <TBODY> <TR> <TD width="100%">文字内容</TD></TR></TBODY></TABLE>   5.普通边框   代码： <TABLE style="LEFT: 11px; TOP: 11px" height=26 width=380 border=1> <TBODY> <TR> <TD width="100%">文字内容</TD></TR></TBODY></TABLE>   6.立体按钮边框   代码： <TABLE cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD bgColor=#666666> <TABLE style="BORDER-RIGHT: #333333 3px solid; ; BORDER-TOP: #999999 3px solid; BORDER-LEFT: #999999 3px solid; BORDER-BOTTOM: #333333 3px solid" borderColor=#7d7d7d cellSpacing=0 cellPadding=0 width="100%" border=1> <TBODY> <TR> <TD>文字内容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>   7.内发光边框   代码： <TABLE style="BORDER-RIGHT: #888888 5px ridge; BORDER-TOP: #888888 5px ridge; BORDER-LEFT: #888888 5px ridge; BORDER-BOTTOM: #888888 5px ridge" borderColor=#cccccc height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=1> <TBODY> <TR> <TD>文字内容</TD></TR></TBODY></TABLE>   8.实线边框   代码： <TABLE style="BORDER-RIGHT: #6600cc 4px solid; BORDER-TOP: #6600cc 4px solid; BORDER-LEFT: #6600cc 4px solid; BORDER-BOTTOM: #6600cc 4px solid" borderColor=#6600cc height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD>文字内容</TD></TR></TBODY></TABLE>   9.简易边框   代码： <TABLE cellSpacing=0 borderColorDark=#660066 borderColorLight=#6600CC border=5> <TBODY> <TR> <TD>文字内容</TD></TR></TBODY></TABLE>   10.外凸式边框   代码： <TABLE style="BORDER-RIGHT: #003366 5px outset; BORDER-TOP: #003366 5px outset; BORDER-LEFT: #003366 5px outset; BORDER-BOTTOM: #003366 5px outset" borderColor=#003366 height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD>文字内容</TD></TR></TBODY></TABLE>   11.内凹式边框   代码： <TABLE style="BORDER-RIGHT: #FF0099 5px inset; BORDER-TOP: #FF0099 5px inset; BORDER-LEFT: #FF0099 5px inset; BORDER-BOTTOM: #FF0099 5px inset" borderColor=#FF0099 height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD>文字内容</TD></TR></TBODY></TABLE>   12.脊线边框   代码： <TABLE style="BORDER-RIGHT: #00CCFF 5px ridge; BORDER-TOP: #00CCFF 5px ridge; BORDER-LEFT: #00CCFF 5px ridge; BORDER-BOTTOM: #00CCFF 5px ridge" borderColor=#00CCFF height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD>文字内容</TD></TR></TBODY></TABLE>   13.立体光线边框   代码： <TABLE style="BORDER-RIGHT: #CC0000 5px groove; BORDER-TOP: #CC0000 5px groove; BORDER-LEFT: #CC0000 5px groove; BORDER-BOTTOM: #CC0000 5px groove" borderColor=#CC0000 height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD>文字内容</TD></TR></TBODY></TABLE>   14.双线边框   代码： <TABLE style="BORDER-RIGHT: #00CC33 5px double; BORDER-TOP: #00CC33 5px double; BORDER-LEFT: #00CC33 5px double; BORDER-BOTTOM: #00CC33 5px double" borderColor=#00CC33 height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD>文字内容</TD></TR></TBODY></TABLE>   15.方形虚线边框   代码： <TABLE style="BORDER-RIGHT: #003366 5px dashed; BORDER-TOP: #003366 5px dashed; BORDER-LEFT: #003366 5px dashed; BORDER-BOTTOM: #003366 5px dashed" borderColor=#da00ed height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD>文字内容</TD></TR></TBODY></TABLE>   16.圆点虚线边框   代码： <TABLE style="BORDER-RIGHT: #FF00FF 4px dotted; BORDER-TOP: #FF00FF 4px dotted; BORDER-LEFT: #FF00FF 4px dotted; BORDER-BOTTOM: #FF00FF 4px dotted" borderColor=#FF00FF height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD>文字内容</TD></TR></TBODY></TABLE>   17.模板边框   代码： <TABLE style="BORDER-RIGHT: 5px solid; BORDER-TOP: 5px solid; BORDER-LEFT: 5px solid; WIDTH: 380px; BORDER-BOTTOM: 5px solid; HEIGHT: 100px" cellSpacing=0 cellPadding=5  border=5> <TBODY> <TR> <TD>文字内容</TD></TR></TBODY></TABLE>   18.光晕效果边框   代码： <TABLE style="BORDER-RIGHT: #99cc00 3px solid; BORDER-TOP: #99cc00 3px solid; FILTER: glow; BORDER-LEFT: #99cc00 3px solid; WIDTH: 300px; BORDER-BOTTOM: #99cc00 3px solid; HEIGHT: 100px" cellSpacing=0 cellPadding=5 width=380 border=5> <TBODY> <TR> <TD> <P>文字内容</P> </TD></TR></TBODY></TABLE>   19.透明水晶系列   水晶透明效果边框一 代码： <TABLE style="BORDER-RIGHT: 1px solid; ; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#FF00FF height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD style="FILTER: alpha(opacity=100,finishopacity=10,style=2)" bgColor=#FF00FF height=5 align=middle>水晶透明效果边框一</TD></TR> <TR> <TD height=100>文字内容</TD></TR></TBODY></TABLE>     水晶透明效果边框二 代码： <TABLE style="BORDER-RIGHT: 1px solid; ; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#ff00ff height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD style="FILTER: alpha(opacity=100,finishopacity=10,style=2)" align=middle bgColor=#ff00ff height=5>水晶透明效果边框二</TD></TR> <TR> <TD height=100>文字内容</TD></TR> <TR> <TD style="FILTER: alpha(opacity=100,finishopacity=10,style=2)" align=right bgColor=#ff00ff height=15>水晶系列 </TD></TR></TBODY></TABLE> 水晶系列     立体水晶透明效果边框一 代码： <TABLE style="BORDER-RIGHT: 1px solid; ; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#003366 height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD style="FILTER: alpha(opacity=100,finishopacity=10,style=2)" bgColor=#003366 height=15 align=middle>立体水晶透明效果边框一</TD></TR> <TR> <TD height=100>文字内容</TD></TR></TBODY></TABLE>     另类水晶透明效果边框二 代码： <TABLE style="BORDER-RIGHT: 1px solid; ; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#003366 height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD style="FILTER: alpha(opacity=100,finishopacity=10,style=2)" align=middle bgColor=#003366 height=15>另类水晶透明效果边框二</TD></TR> <TR> <TD height=195>文字内容</TD></TR> <TR> <TD style="FILTER: alpha(opacity=100,finishopacity=10,style=2)" align=right bgColor=#003366 height=15>水晶系列边框 </TD></TR></TBODY></TABLE> 水晶系列边框     立体水晶透明效果边框一 代码： <TABLE style="BORDER-RIGHT: 1px solid; ; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#00CC33 height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD style="FILTER: alpha(opacity=100,finishopacity=10,style=3)" bgColor=#00CC33 height=15 align=middle>立体水晶透明效果边框一</TD></TR> <TR> <TD height=100>内容文字</TD></TR></TBODY></TABLE>     立体水晶透明效果边框二 代码： <TABLE style="BORDER-RIGHT: 1px solid; ; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#00CC33 height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD style="FILTER: alpha(opacity=100,finishopacity=10,style=3)" bgColor=#00CC33 height=15 align=middle>立体水晶透明效果边框二</TD></TR> <TR> <TD height=195>内容文字</TD></TR> <TR> <TD style="FILTER: alpha(opacity=100,finishopacity=10,style=3)" bgColor=#00CC33 height=15 align=right> 水晶系列边框</TD></TR></TBODY></TABLE> 水晶系列边框     渐淡透明效果边框一 代码： <TABLE style="BORDER-RIGHT:1px solid; ; BORDER-TOP:1px solid; BORDER-LEFT:1px solid; BORDER-BOTTOM:1px solid" borderColor=#FF0066 height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD style="FILTER: alpha(opacity=100,finishopacity=10,style=1)" bgColor=#FF0066 height=15 align=middle>渐淡透明效果边框一</TD></TR> <TR> <TD height=100>内容文字</TD></TR></TBODY></TABLE>     渐淡透明效果边框二 代码： <TABLE style="BORDER-RIGHT: 1px solid; ; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#ff0066 height=100 cellSpacing=0 cellPadding=0 width=380 align=center border=0> <TBODY> <TR> <TD style="FILTER: alpha(opacity=100,finishopacity=10,style=1)" bgColor=#ff0066 height=15 align=middle>渐淡透明效果边框二</TD></TR> <TR> <TD height=195>内容文字</TD></TR> <TR> <TD style="FILTER: alpha(opacity=100,finishopacity=10,style=1)" bgColor=#ff0066 height=15 align=right> 水晶系列边框</TD></TR></TBODY></TABLE> 水晶系列边框     这世上有一个人永远等着你（图文） <P align=center> <TABLE style="WIDTH: 580px; HEIGHT: 70px" borderColor=#ebc6e2 cellSpacing=15 borderColorDark=#ebc0c2 cellPadding=0 width=560 align=center border=10> <TBODY> <TR> <TD><FONT color=#7fff00><FONT face=宋体><FONT color=#7fff00><FONT face=宋体><FONT color=#7fff00><FONT face=宋体> <P align=center><FONT color=#ffcc99><FONT face=隶书 size=6><STRONG>这世上有一个人永远等着你（图文）</STRONG></FONT> </FONT></A></P></FONT></FONT></FONT></FONT></FONT></FONT></TD></TR></TBODY></TABLE></P><WBR>    朋友是最美丽的名词      朋友是最美丽的名词        朋友是最美丽的名词        朋友是最美丽的名词      朋友是最美丽的名词   <TABLE borderColor=#00ffff cellSpacing=5 cellPadding=15 width=700 align=center border=10> <TBODY> <TR> <TD><BR><BR> <P align=center><FONT color=#ff0000> <FONT size=7><STRONG>朋友是最美丽的名词</STRONG></FONT></FONT></P></TD></TR></TBODY></TABLE> color  #9933ff --------# ff0000----------# ffc0cb----------# f08080----------# cc6ff0         素材：网络   编辑整理：芦笛悠扬