如何创建：分隔线

学习如何使用 CSS 创建不同的分隔线。

虚线

点线

实线

圆角

آزمایش کنید

如何创建分隔线

第一步 - 添加 HTML：

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

第二步 - 添加 CSS：

/*虛線邊框*/
hr.dashed {
  border-top: 3px dashed #bbb;
}
/*點線邊框*/
hr.dotted {
  border-top: 3px dotted #bbb;
}
/*實線邊框*/
hr.solid {
  border-top: 3px solid #bbb;
}
/*圓角邊框*/
hr.rounded {
  border-top: 8px solid #bbb;
  border-radius: 5px;
}

آزمایش کنید