目录

操作方法 - 分频器


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


虚线


点状


坚硬的


圆形


亲自试一试 »

如何创建分隔线

步骤1)添加HTML:

示例

<hr class="dashed">
<hr class="dotted">
<hr class="solid">
<hr class="rounded">
步骤2)添加CSS:

示例

/* Dashed border */
hr.dashed {
  border-top: 3px dashed #bbb;
}

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

/* Solid border */
hr.solid {
  border-top: 3px solid #bbb;
}

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