如何在 HTML 中添加水平线？

水平线是 HTML 中一种用来分割文本内容的标记。在 HTML 中添加水平线可以通过

基本用法

在 HTML 中添加水平线的方法非常简单，只需要在想要添加水平线的位置插入

<p>这是一段文字。</p>
<hr>
<p>这是另一段文字。</p>

上面的代码会生成一个水平线，将两个段落分开。

自定义样式

通过 CSS 可以自定义水平线的样式。下面的代码演示了如何将水平线设置为红色、粗细为 5 像素、边距为 20 像素：

<style>
hr {
  border-top: 5px solid red;
  margin: 20px 0;
}
</style>

<p>这是一段文字。</p>
<hr>
<p>这是另一段文字。</p>

上面的代码会生成一条红色的、粗细为 5 像素、上下边距为 20 像素的水平线。

结论

通过简单的