如果你想制作自己的分割线素材,有哪些代码教你如何制作分割线素材?在这篇文章中,小编就给大家介绍一下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特效代码。希望这对您有帮助!