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

前端技术 2023/08/08 CSS
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>

本文地址：https://www.stayed.cn/item/580

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案