Html hr line style

I. Basic lines
Ii. Special Effects (effects are not isolated and can be combined)
1. Transparent gradient at both ends:
<HR style = "FILTER: alpha (opacity = 100, finishopacity = 0, style = 3)" width = "80%" color = #987cb9 SIZE = 3>
2. Spindle:
<HR style = "FILTER: alpha (opacity = 100, finishopacity = 0, style = 2)" width = "80%" color = #987cb9 SIZE = 10>
3. Gradient transparency on the right:
<HR style = "FILTER: alpha (opacity = 100, finishopacity = 0, style = 1)" width = "80%" color = #987cb9 SIZE = 3>
 
4. Gradient transparency on the left:
<HR style = "FILTER: alpha (opacity = 0, finishopacity = 100, style = 1)" width = "80%" color = #987cb9 SIZE = 3>
 
5. dotted line:
<HR style = "border: 1 dashed #987cb9" width = "80%" color = #987cb9 SIZE = 1>
 
6. Dual lines:
<HR style = "border: 3 double #987cb9" width = "80%" color = #987cb9 SIZE = 3>
 
7. stereoscopic effect: www.2cto.com
<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>
 
9. Vertical Split line
 
<Table border = "1px" cellpadding = "0" cellspacing = "0" style = "height: 265px; border-left-style: solid; border-bottom-style: none; border-right-style: none; border-top-style: none ">