html hr标签的属性有哪些？HTML hr标签的样式详解(2)-木庄网络博客

第五种：

1	`<hr` `style="height:5px;border:none;border-top:5px ridge green;"` `/>`

第六种：

1 2	`<hr` `style="height:10px;border:none;border-top:10px groove skyblue;"` `/>` `border-top:10px groove skyblue; groove 上颜色 skyblue 下颜色`

渐变颜色的分隔线：

1 2	`<hr` `style="filter:alpha(opacity=5,finishopacity=100,style=1);height:10px"` `color=green>` `<hr` `style="filter:alpha(opacity=100,finishopacity=5,style=1);height:10px"` `color=blue>`

中心透明的分隔线：

1 2	`<hr` `style="filter:alpha(opacity=0,finishopacity=100,style=2);height:12px"` `color=orange>` `<hr` `style="filter:alpha(opacity=0,finishopacity=100,style=3);height:12px"` `color=#FF00FF>`

中心不透明的分隔线：

1 2	`<hr` `style="filter:alpha(opacity=100,finishopacity=0,style=2);height:15px"` `color=yellow>` `<hr` `style="filter:alpha(opacity=100,finishopacity=0,style=3);height:15px"` `color=#00FFFF>`

波浪线：

1	`<hr` `style="filter:wave(strength=9,freq=2,lightstrength=20,phase=9);height:15px"` `color=pink` `width=95%>`

三色线：

1	`<hr` `style="border-top: #ff0000 solid; color: #00ff00; border-bottom: #0000ff solid; height: 9px">`

虚线：

1	`<hr` `style="border-top: 2px dashed; border-bottom: 2px dashed; height: 2px"` `color=black>`

竖线：

<hr style="height:100px; width:4px" color=orange>
<hr style="filter:alpha(opacity=100,finishopacity=5,style=2); height:100px; width:5px" color=navy>
<hr style="filter:alpha(opacity=0,finishopacity=100,style=2);height:100px; width:4px" color=red>