HTML5中的横线的代码及用法
什么是HTML5中的横线?
在HTML5中,横线通常指的是水平线(horizontal line),用于在页面中分隔不同的内容块。最常用的代码是<hr>标签。该标签可以不带结束标签,仅使用<hr>来在网页中插入一条水平线。其基本效果是创建一条默认的水平线,通常用于视觉上的内容分隔。
如何使用<hr>标签?
使用<hr>标签非常简单。只需在HTML文档中的所需位置插入<hr>标签,浏览器将自动渲染一条横线。以下是一个示例代码:
<p>这是一段文本。</p>
<hr>
<p>这是横线下方的另一段文本。</p>
自定义横线的样式
除了使用默认样式外,您还可以通过CSS自定义<hr>标签的外观。可以使用CSS属性更改颜色、厚度、长度和样式(,虚线或点线)。以下是一个示例:
<style>
hr {
background-color: #000;
height: 2px;
border: none;
margin: 20px 0;
}
</style>