ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS を使用して HTML 水平罫線の色を変更するにはどうすればよいですか?

CSS を使用して HTML 水平罫線の色を変更するにはどうすればよいですか?

Susan Sarandon
リリース: 2024-12-11 17:39:19
オリジナル
794 人が閲覧しました

How Do I Change the Color of an HTML Horizontal Rule Using CSS?

CSS を使用して


要素の色を変更する方法

HTML では、


タグは水平線を作成します。 Web ページのセクションを分離するために使用できます。デフォルトでは、この線は灰色または黒ですが、CSS を使用してその色を簡単に変更できます。

「color」プロパティを使用しているため、指定したコードは線の色を変更しません。線の色ではなく、テキストの色に影響します。線の色を変更するには、「border-color」プロパティを使用する必要があります。

hr {
  border-color: #123455;
}
ログイン後にコピー

これにより、


線の色が #123455 に変更されます。

変更することに注意してください。 「border-color」は、


要素に追加されたパディングやマージンを含む行全体に影響します。

If線の後ろの背景の色も変更したい場合は、「background-color」プロパティを使用できます:

hr {
  border-color: #123455;
  background-color: #efefef;
}
ログイン後にコピー

これにより、線の色が #123455 に、背景色が #efefef に変更されます。 .

以上がCSS を使用して HTML 水平罫線の色を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート