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>