实用的个性边框

实用个性边框

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>&nbsp;<FONT size=7><STRONG>朋友是最美丽的名词</STRONG></FONT></FONT></P></TD></TR></TBODY></TABLE>

color  #9933ff --------# ff0000----------# ffc0cb----------# f08080----------# cc6ff0

素材：网络   编辑整理：芦笛悠扬