HR标签的个性使用

HTML标签-HR的使用
HR这个标签不太常用，但是也有它自己独特的地方，在有些情况下，用HR更合适，下面举一些例子。

width 规定线条的长度，还可以是百分比；color 表示颜色，size 表示厚度；align 规定线条位置，有left、right、center；noshade 表示是否有立体效果。

最基本的：

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

--------------------------------------------------------------------------------

两头渐变透明：

<hr width=80% size=1 color=#5151A2 style=”border:1px dashed #gray; FILTER: alpha(opacity=100,finishopacity=0,style=3)”>

--------------------------------------------------------------------------------

右边渐变透明：

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

--------------------------------------------------------------------------------

画虚线：

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

--------------------------------------------------------------------------------

画双线：

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

--------------------------------------------------------------------------------
立体效果：

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

--------------------------------------------------------------------------------

纺棰形：

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

--------------------------------------------------------------------------------

钢针效果：

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