【轉(zhuǎn)載】文章分割線代碼_編織博客

2015-08-17 05:52 蘋果園 查看博客原文

文章中合理運用分割線,可使主題清晰、段落明了。樣式如下:

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為線條位置,有l(wèi)eft、right、center值;noshade 為有否立體效果。

新跟帖 (共1 條評論)

查看更多評論。。。