HTMLhr标签可以创建一条水平线。下面,我们来看看html中hr的各种样式使用吧。

01

创建一条水平线
先使用<hr/>标签来创建一条水平线,如下图所示:

html中hr的各种样式使用-风君小屋帮我吧 html中hr的各种样式使用-风君小屋帮我吧 02

hr的高度
使用style来设置hr水平线的样式,比如设置hr的高度, <hr style=" height:30px" />。如下图所示:

html中hr的各种样式使用-风君小屋帮我吧 html中hr的各种样式使用-风君小屋帮我吧 03

没有边框
使用border:none;来设置hr没有边框,如下图所示:

html中hr的各种样式使用-风君小屋帮我吧 04

dotted 虚线
使用dotted将水平线设置成虚线,如下图所示:

html中hr的各种样式使用-风君小屋帮我吧 html中hr的各种样式使用-风君小屋帮我吧