HTML中的

---

标签

---

是HTML中的一种标签，通常用于创建水平线。

语法

<hr>

属性

---

标签没有任何属性，它只是一个单一的标签。

用法

创建水平分割线

---

标签最常用于创建水平分割线，通常作为文档的不同部分之间的分隔符。

<h1>第一部分</h1>
<p>这是第一部分的内容。</p>
<hr>
<h1>第二部分</h1>
<p>这是第二部分的内容。</p>

调整样式

可以使用CSS样式来调整

---

标签的样式，例如设置宽度、颜色、高度等。

<style>
hr {
  border: none;
  border-top: 2px solid #333; /* 创建2像素的实线水平线 */
  margin: 20px 0; /* 设置上下外边距为20像素 */
}
</style>

<p>这是一些文本。</p>
<hr>
<p>这是一些其他文本。</p>

插入图片

还可以使用

---

标签来插入图片，实现类似水印的效果，例如：

<div style="position: relative;">
  <img src="image.jpg" alt="图片">
  <hr style="position: absolute; bottom: 0; left: 0; width: 100%;">
</div>

以上代码可以在图片底部添加一条平行于图片的水平线。

总结

虽然

---

标签只是一个简单的标签，但它在网页设计中有着广泛的用途，可以用来分隔不同部分、调整样式、插入图片等。在使用时，可以通过CSS样式来进一步优化它的样式效果。