を選択します.<br>スタイルの追加

1176 ワード

内容は多くなく、せいぜいエッセイです.
デフォルトスタイル(スペースラベルなしで次のようにコンパイルされました.):

は、デフォルトスタイルのdiv要素に似たブロック要素です.では、スタイルを修正する方法を知っています.よくある必要は色や高さを変えることです.
//css
hr{
    background-color: red;
    height: 1px;
    border: none;
}

高さを1 pxにすると上下の枠線が重なり、背景色が枠線色に「変換」されます.borderはnoneプロパティに設定します.そうしないと、実際の効果は1 pxではなく、少し太くなります.
その他の実装方法:
hr{ border: none; border-top: 1px solid red; }

単一の枠線スタイルを使用すると、border-topは1本の線にすぎないため、「この線」をスタイル操作することができますが、より直感的ではないでしょうか.dotted dashedも含めてサポートされていますが、もっと簡単ではないでしょうか.