📜  html 蛇 hr 标签 - Html (1)

📅  最后修改于: 2023-12-03 15:01:17.559000             🧑  作者: Mango

HTML 蛇 hr 标签 - Html

介绍

HTML 中的 <hr> 标签用于在文档中创建一条水平线。

该标记可在视觉上分隔段落和内容。它可以很有用地增加页面的可读性和美观性。它是一个空标记,不需要结束标签。

属性

该标记没有属性。

例子

以下是使用 <hr> 标记创建水平线的示例:

<p>这是上面的文本。</p>
<hr>
<p>这是下面的文本。</p>

运行上述代码,将得到下面的输出:


这是上面的文本。


这是下面的文本。


自定义样式

可以通过 CSS 改变水平线的样式,像下面这样:

hr {
  color: red;
  border-style: dotted;
}

上面的样式将水平线的颜色改为红色,并设置边框样式为虚线。

结论

<hr> 标记是一个简单但实用的 HTML 标记,可用于分隔文档中的段落和内容。它可以通过 CSS 进一步自定义,以满足特定的设计要求。