お問い合わせ
  • HTML

39 要素の背景に色をつける

background-colorプロパティ

要素の背景に色をつけたい場合に使用するのがbackground-colorプロパティです。色の指定にはpart29で説明した、色名(カラーネーム)か、6ケタの16進数(カラーコード)を使用します。

background-colorプロパティ1

ここではh1要素の背景色を黄色にしたいと思います。記述は以下のようになります。

background-colorプロパティ2

HTMLファイルを上書き保存して、ブラウザで表示すると、h1要素の背景色が黄色になっています。

background-colorプロパティ3

背景色が設定されるのは、「要素の内容」、「パディング」、「枠線の背景部分」です。マージンの色は常に透明で、background-colorで設定した色は適用されません。

このページのまとめ

  • background-colorプロパティを使用すると、要素の背景色を設定する事が出来る。
  • 値の指定には色名(カラーネーム)か、6けたの16進数(カラーコード)を使用する。
  • マージンは常に透明で、background-colorの指定は適用されない。

Contact Us

Web制作、Webマーケティング、SFA・MA導入支援に関するお悩みがある方は、お気軽にご相談ください。

お問い合わせ・ご相談

ホームページ制作、マーケティングにおける
ご相談はお気軽にご連絡ください。

資料請求

会社案内や制作事例についての資料を
ご希望の方はこちらから。

お電話でのお問い合わせ

お電話でのご相談も受け付けております。

※コールセンターに繋がりますが、営業時間内は即日
担当より折り返しご連絡をさせて頂きます。