HTML Several Special Dividing Line Effects

1. Basic lines

2. Special effects (the effects are not isolated and can be combined with each other)
1. Gradual transparency at both ends:
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>

2. Spindle shape:
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#987cb9 SIZE=10>

3. Gradual transparency on the right:
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#987cb9 SIZE=3>

4. Gradual transparency on the left:
<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color=#987cb9 SIZE=3>

5. Dashed line:
<HR style="border:1 dashed #987cb9" width="80%" color=#987cb9 SIZE=1>

6. Double line:
<HR style="border:3 double #987cb9" width="80%" color=#987cb9 SIZE=3>

7. Stereoscopic effect:
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)" width="80%" color=#987cb9 SIZE=1>

8. Steel needle effect:
<HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1>

<HR align=center width=300 color=#987cb9 SIZE=1>
align line position (optional left, right, center); width line length; color color; size thickness