注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

★芳草地★→

有没有这样一首歌,让你心里记得我,有没有那样一首歌,让我回忆你许多,有没有一首歌

 
 
 

日志

 
 

【转载】实用的个性边框  

2014-08-04 02:12:56|  分类: ★【精美日志边框 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自优优《实用的个性边框》
 
实用个性边框
实用的个性边框 - 优优 - 优优博客欢迎您
  
  

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; TABLE-LAYOUT: fixed; 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; TABLE-LAYOUT: fixed; 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; TABLE-LAYOUT: fixed; 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; TABLE-LAYOUT: fixed; 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; TABLE-LAYOUT: fixed; 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; TABLE-LAYOUT: fixed; 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; TABLE-LAYOUT: fixed; 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; TABLE-LAYOUT: fixed; 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; TABLE-LAYOUT: fixed; 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

 

 

 
 
素材:网络   编辑整理:芦笛悠扬 
 
实用的个性边框 - 优优 - 优优博客欢迎您
 

  评论这张
 
阅读(1)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017