HTML <hr>标签作用,定义水平线

<hr>标签作用

HTML中<hr>标签可以用于定义一条水平线,比如现在的这个段落下方的这条水平线便是用<hr>来定义的。<hr>定义的水平线在页面设计的观感方面,就鄙人认为,可以将页面内容进行板块划分,让页面看上去更有设计感、整洁、清晰,就像课文划分段落层次一般。


<hr>标签实例代码,及在线编辑器

提示:<hr>标签没有结束标签:

<p>这是一个段落,运行编辑器之后,下方出现的水平线,是由p元素后面紧跟着的hr标签定义出来的。</p><hr>

<hr>标签如何设置样式

<hr>标签样式的设置跟其它HTML元素通过CSS层叠样式设置样式的方法一样,如下面的实例将改变<hr>标签定义的水平线的颜色、宽度等等属性(注意:hr通过border属性设置粗细、颜色等样式):

<hr id='e1'>
<style>
  #e1{width:50%;border:5px solid blue;}
</style>

全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.