今天小编跟大家讲解下有关如何定义html hr 样式(多种效果) ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关如何定义html hr 样式(多种效果) 的相关资料，希望小伙伴们看了有所帮助。
1、两头渐变透明： 复制代码代码如下: <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)"width="80%"color=#987cb9 SIZE=3> -------------------------------------------------------------------------------- 2、纺锤形： 复制代码代码如下: <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)"width="80%"color=#987cb9 SIZE=10> -------------------------------------------------------------------------------- 3、右边渐变透明： 复制代码代码如下: <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)"width="80%"color=#987cb9 SIZE=3> -------------------------------------------------------------------------------- 4、左边渐变透明： 复制代码代码如下: <HR style="FILTER: alpha(opacity=0,finishopacity=100,style=1)"width="80%"color=#987cb9 SIZE=3> -------------------------------------------------------------------------------- 5、立体效果： 复制代码代码如下: <HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)"width="80%"color=#987cb9 SIZE=1> -------------------------------------------------------------------------------- 6、钢针效果： 复制代码代码如下: <HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)"width="80%"color=#987cb9 SIZE=1>来源：爱蒂网
