【HTMLコーディング】ページの背景色と文字色を変える方法

f:id:Kawan0116:20210323101432j:plain

かわんです。

今日は、ページ背景色と文字色を変える方法です。

body {
background: #f7f7f7;
color: #333;
}

「body」に関して、「background」でページの背景の設定。

初期設定では白色ですが、「background」で変えることができます。

なお、個人的には白色だと画面が光って見にくいので、若干グレーがかった背景色にしています。

上で言うと「#f7f7f7」にしています。

どのようなホームページにしたいのかによって、背景色を選べば良いでしょう。

「color」は文字色です。

若干、薄い黒にしています。これは僕の好みの問題です。

特にこだわりが無ければ、「color」は設定しなくていいです。

なお、例えば

#contents {
background:red;
color:aqua;
}

という風に「#contents」に対して「background」や「color」を指定していれば、そちらが優先されます。