如何定义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>

本文如何定义html hr 样式(多种效果)到此结束。生命,是一个不停运转的过程,也是一个不断损耗的过程;生命,从诞生的那一刻起,就逐渐长大成熟,这也就意味着他在走向另一个极端——衰老和死亡。这是一个亘古不变的自然规律,也是一个无法回避的客观事实。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
HTML+CSS3+JS 如何实现的下拉菜单

HTML+CSS+JS如何实现堆叠轮播效果的示例代码

基于html+css做一个好看的可翻转登录注册界面

基于html css如何实现带搜索图标的搜索框功能

详解Html/CSS中的符号学