当前位置:妙知谷 >

母婴教育 >学习交流 >

html中hr的各种样式使用

html中hr的各种样式使用

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

操作方法

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

html中hr的各种样式使用
html中hr的各种样式使用 第2张

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

html中hr的各种样式使用 第3张
html中hr的各种样式使用 第4张

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

html中hr的各种样式使用 第5张

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

html中hr的各种样式使用 第6张
html中hr的各种样式使用 第7张
标签: HTML HR
  • 文章版权属于文章作者所有,转载请注明 https://miaozhigu.com/zh/jy/jiaoliu/4od7d.html