如何 - 分隔線
瞭解如何使用 CSS 建立不同的分隔線。
虛線
點線
實線
圓角
自己動手試一試 »
如何建立分隔線
步驟 1) 新增 HTML
示例
<hr class="dashed">
<hr class="dotted">
<hr class="solid">
<hr class="rounded">
步驟 2) 新增 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;
}
自己動手試一試 »
