如何创建 - 创建分隔线
了解如何使用 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;
}
亲自试一试 »
