文章分割线代码

博客代码总汇   2007-02-16 19:58   阅读3375   评论7  
字号:    

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

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 为有否立体效果。

评论(?)
阅读(?)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
网易公司版权所有 ©1997-2009