html中hr的各种样式使用

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

01

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

防溺水安全知识内容 关于防溺水的安全知识有哪些 防溺水安全知识内容 关于防溺水的安全知识有哪些 02

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

防溺水安全知识内容 关于防溺水的安全知识有哪些 防溺水安全知识内容 关于防溺水的安全知识有哪些 03

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

防溺水安全知识内容 关于防溺水的安全知识有哪些 04

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

防溺水安全知识内容 关于防溺水的安全知识有哪些 防溺水安全知识内容 关于防溺水的安全知识有哪些