<hr> 标签是一个空元素,它不需要闭合标签,而且通常没有任何文本内容。基本用法如下:
<p>这是第一段落。</p>
<hr>
<p>这是第二段落。</p>
在这个例子中,<hr> 元素创建了两个段落之间的水平线。
<hr> 元素还可以使用一些属性来调整其外观,例如 size、width、color 等。这些属性在 HTML4 中被引入,但在 HTML5 中仍然有效。例如:
<hr size="2" width="50%" color="blue">
然而,为了更好的可维护性和样式控制,现代的网页设计通常使用 CSS 来定制分隔线的样式,而不是依赖于 <hr> 元素的属性。
<hr class="custom-line">
.custom-line {
height: 2px;
background-color: blue;
border: none;
}
在这个例子中,使用了一个带有自定义类名的 <hr> 元素,并通过 CSS 设置了分隔线的样式。
总体而言,<hr> 标签是一个简单而实用的元素,但在现代网页设计中,样式控制通常通过 CSS 进行,而不是依赖于 <hr> 元素的属性。
转载请注明出处:http://www.zyzy.cn/article/detail/3731/HTML5