第一，基本台词
二、特效(特效不是孤立的，可以互相组合)
1。两端逐渐透明:
& lt；HR style = & quot滤镜:alpha(不透明度=100，完成能力=0，样式= 3)& quot；width = & quot80% & quot；color = # 987cb9 SIZE = 3 & gt
2.纺锤形:
< HR style = & quot；滤镜:alpha(不透明度=100，完成能力=0，样式= 2)& quot；width = & quot80% & quot；color = # 987cb9 SIZE = 10 & gt
3.右边的渐变是透明的:
< HR style = & quot；滤镜:alpha(不透明度=100，完成能力=0，样式= 1)& quot；width = & quot80% & quot；color = # 987cb9 SIZE = 3 & gt
4.左边的渐变是透明的:
< HR style = & quot；滤镜:alpha(不透明度=0，完成能力=100，样式= 1)& quot；width = & quot80% & quot；color = # 987cb9 SIZE = 3 & gt
5.虚线:
< HR style = & quot；边框:1虚线# 987cb9 & quotwidth = & quot80% & quot；color = # 987cb9 SIZE = 1 & gt
6.双线:
< HR style = & quot；border:3 double # 987 cb9 & quot；width = & quot80% & quot；color = # 987cb9 SIZE = 3 & gt
7.立体效果:
< HR style = & quot；过滤器:progid:DXImageTransform。Microsoft.Shadow(颜色:#987cb9，方向:145，强度:15)& quot；width = & quot80% & quot；color = # 987cb9 SIZE = 1 & gt
8.钢针效果:
< HR style = & quot；过滤器:progid:DXImageTransform。Microsoft.Glow(color=#987cb9，strength = 10)& quot；width = & quot80% & quot；color = # 987cb9 SIZE = 1 & gt
9.垂直分割线
& lt表格边框= & quot1px & quot单元格填充= & quot0 & gt；单元格间距= & quot0 & gt；style = & quot身高:265px边框-左侧样式:实心；边框-底部样式:无；border-right-style:无；边框顶部样式:无& quot& gt
& lt；HR align = center width = 300 color = # 987 cb9 SIZE = 1 & gt；
对齐行位置(可选左、右、中)；宽度线长度；颜色颜色；尺寸厚度
以上是讲解HTML分割线特效的详细内容。更多信息请关注AdminJS.cn其他相关文章！
adminjs.cn是一个以CSS、JavaScript、Vue、HTML为核心的前端开发技术网站。我们致力于为广大前端开发者提供专业、全面、实用的前端开发知识和技术支持。 在本网站中，您可以学习到最新的前端开发技术，了解前端开发的最新趋势和最佳实践。我们提供丰富的教程和案例，让您可以快速掌握前端开发的核心技术和流程。 Adminjs.cn还提供一系列实用的工具和插件，帮助您更加高效地进行前端开发工作。我们提供的工具和插件都经过精心设计和优化，可以帮助您节省时间和精力，提升开发效率。 在Adminjs.cn中，您可以找到您需要的一切前端开发资源，让您成为一名更加优秀的前端开发者。欢迎您加入我们的大家庭，一起探索前端开发的无限可能！