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

古镇文礼

..

 
 
 

日志

 
 

文章分割线代码  

2009-09-19 17:52:32|  分类: 博客素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

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

1.   基本样式代码:

         <hr width=300 size=2 color=#ff0000 align=center noshade>


       2.两端渐变透明代码·

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

 


        3.右边渐变透明代码:

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



        4·虚线代码:

        <hr width=80% size=3 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 为有否立体效果。

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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