创建博客 登录  
 关注
   显示下一条  |  关闭

沉默是金博客

認真做事 誠信做人 助人爲樂 善待自己

 
 
 

日志

 
 

文章分割线代码  

2008-04-09 19:38:32|  分类: 博客素材 |  标签: |字号 订阅

文章中合理运用分割线,可使主题清晰、段落明了。样式如下:

1.   基本样式代码:

<hr width=300 size=1 color=#5151A2 align=center noshade>


    2. 两端渐变透明代码:

<hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">


    3.右边渐变透明代码:

<hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">


    4. 虚线代码:

<hr width=80% size=1 color=#5151A2 style="border:1 dashed #5151A2">


    5. 双线代码:

<hr width=80% size=3 color=#5151A2 style="border:3 double green">


    6. 立体效果代码:

<hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Shadow(color#5151A2,direction:145,strength:15)">


    7.纺棰形代码:

<hr width=80% size=30 color=#5151A2 style="filter:alpha(opacity=100,finishopacity=0,style=2)">


    8. 钢针效果代码:

<hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Glow(color=#5151A2,strength=10)">

 


     注:其中 width 为线条的长度;color为颜色,size为厚度; align为线条位置,有left、right、center值;noshade 为有否立体效果。
  评论这张
转发至微博
转发至微博
1   分享到:        
阅读(4305)| 评论(16)| 引用 (87) |举报

历史上的今天

相关文章

最近读者

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--相关文章--> <#--历史上的今天--> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

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