分隔线

---

了解如何使用 CSS 创建不同的分隔线。

---

Dashed

---

Dotted

---

Solid

---

Rounded

---

亲自试一试 »

---

如何创建分隔线

步骤 1) 添加 HTML:

实例

<hr class="dashed">
<hr class="dotted">
<hr class="solid">
<hr class="rounded">

步骤 2) 添加 CSS:

实例

/* 虚线边框 */
hr.dashed {
  border-top: 3px dashed #bbb;
}

/* Dotted border */
hr.dotted {
  border-top: 3px dotted #bbb;
}

/* 实线边框 */
hr.solid {
  border-top: 3px solid #bbb;
}

/* 圆形边框 */
hr.rounded {
  border-top: 8px solid #bbb;
  border-radius: 5px;
} 亲自试一试 »