html分割线特效 html代码分割线教程

9158APP 0

如果你想制作自己的分割线素材,有哪些代码教你如何制作分割线素材?在这篇文章中,小编就给大家介绍一下html分割线特效代码,教大家如何制作特殊的分割线效果。

分割线特效(效果不是孤立的,可以相互组合)

1.两端渐变透明度:

HR样式='过滤器:alpha(不透明度=100,finishopacity=0,样式=3)'宽度='80'颜色=987cb9尺寸=3

2、主轴形状:

HR样式='过滤器:alpha(不透明度=100,finishopacity=0,样式=2)'宽度='80'颜色=987cb9尺寸=10

3.右边渐变是透明的:

HR样式='过滤器:alpha(不透明度=100,finishopacity=0,样式=1)'宽度='80'颜色=987cb9尺寸=3

4.左侧渐变透明:

HR样式='过滤器:alpha(不透明度=0,finishopacity=100,样式=1)'宽度='80%'颜色=#987cb9尺寸=3

5. 虚线:

HR 样式='边框:1 虚线#987cb9' 宽度='80%' 颜色=#987cb9 尺寸=1

6、双线:

HR 样式='边框:3 双#987cb9' 宽度='80%' 颜色=#987cb9 尺寸=3

7.立体效果:

HR style='FILTERprogid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)' width='80%' color=#987cb9 SIZE=1

8、钢针效果:

HR style='FILTERprogid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)' width='80%' color=#987cb9 SIZE=1

9、垂直分割线:

表边框='1px'cellpadding='0'cellspacing='0'style='height:265px;border-left-style:solid;边框底部样式:无;边框右样式:无;边框顶部样式:无'

HR 对齐=中心宽度=300 颜色=#987cb9 尺寸=1

对齐线位置(可选左、右、中);宽度线长;颜色颜色;尺寸厚度

总结:以上是微信分割线html特效代码。希望这对您有帮助!

如果你想制作自己的分割线素材,有哪些代码教你如何制作分割线素材?在这篇文章中,小编就给大家介绍一下html分割线特效代码,教大家如何制作特殊的分割线效果。

1、分割线的基本线

2.分割线特效(效果不是孤立的,可以相互组合)

1.两端渐变透明度:

HR样式='过滤器:alpha(不透明度=100,finishopacity=0,样式=3)'宽度='80'颜色=987cb9尺寸=3

2、主轴形状:

HR样式='过滤器:alpha(不透明度=100,finishopacity=0,样式=2)'宽度='80'颜色=987cb9尺寸=10

3.右边渐变是透明的:

HR样式='过滤器:alpha(不透明度=100,finishopacity=0,样式=1)'宽度='80'颜色=987cb9尺寸=3

4.左侧渐变透明:

HR样式='过滤器:alpha(不透明度=0,finishopacity=100,样式=1)'宽度='80%'颜色=#987cb9尺寸=3

5. 虚线:

HR 样式='边框:1 虚线#987cb9' 宽度='80%' 颜色=#987cb9 尺寸=1

6、双线:

HR 样式='边框:3 双#987cb9' 宽度='80%' 颜色=#987cb9 尺寸=3

7.立体效果:

HR style='FILTERprogid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)' width='80%' color=#987cb9 SIZE=1

8、钢针效果:

HR style='FILTERprogid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)' width='80%' color=#987cb9 SIZE=1

9、垂直分割线:

表边框='1px'cellpadding='0'cellspacing='0'style='height:265px;border-left-style:solid;边框底部样式:无;边框右样式:无;边框顶部样式:无'

HR 对齐=中心宽度=300 颜色=#987cb9 尺寸=1

对齐线位置(可选左、右、中);宽度线长;颜色颜色;尺寸厚度

总结:以上是微信分割线html特效代码。希望这对您有帮助!