方法-ディバイダー
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;
}