如何定义html hr 样式(多种效果)

1、两头渐变透明:

复制代码代码如下:
<HR width="80%" color=#987cb9 SIZE=3>

--------------------------------------------------------------------------------
2、纺锤形:

复制代码代码如下:
<HR width="80%" color=#987cb9 SIZE=10>

--------------------------------------------------------------------------------
3、右边渐变透明:

复制代码代码如下:
<HR width="80%" color=#987cb9 SIZE=3>

--------------------------------------------------------------------------------
4、左边渐变透明:

复制代码代码如下:
<HR width="80%" color=#987cb9 SIZE=3>

--------------------------------------------------------------------------------
5、立体效果:

复制代码代码如下:
<HR width="80%" color=#987cb9 SIZE=1>

--------------------------------------------------------------------------------
6、钢针效果:

复制代码代码如下:
<HR width="80%" color=#987cb9 SIZE=1>

如何定义html hr 样式(多种效果)