背景色を変更しよう
ページ全体やヘッダー部など各部の背景色変更はスタイルシートで行います。「スタイルシートの編集方法」のとおり、スタイルシート編集ページを開いてください。
- 色の値は、white や red などの名前のほか、RGB値が使えます。詳しくは、WEBカラーに関するWebサイトなどを参照してください。
- 背景色は、「background-color: white;」のように指定します。 ページ全体の背景色を変更する場合は、「body」タグに背景色を指定しますので、次のように編集してください。
body
{
...
background-color: white;
...
} - ヘッダー部の背景色を変更する場合は、次のように編集してください。
#header
{
...
background-color: red;
...
} - 同様にコンテンツ部やフッター部なども背景色を変更することが可能です。
↓動画による背景色変更の例です。クリックで再生されます。