今日からあなたもテーマ職人
もう少し、見た目を変更してみる。（背景の変更、文字色の変更）
背景や文字の色もCSSにより、簡単に変更することが出来ます。
CSSの中のbackgroundという部分が背景色、colorというのが文字色に関する記述です。
詳しくは、CSSに関するサイトや本を参照していただくとして・・・ここでは、超現実的にサクッと書き替えてみることしましょう。
では、まずは全体の背景色。２１行目のbodyのbackgroundを書き替えることで変更できます。
「でも、よく見たら #F9F9F9 なんて書いてあって、良くわかんない？？？」
確かに。HTMLやCSSに精通していないと、文字列だけを見ても全然判りませんね。そんな時は、Google先生に聞いてみましょう。「html 色」で検索すると沢山ヒットします。
その中から、次のサイトを参考にさせていただきますね。（筆者もよく参考にしています。）
色の名前とHTMLタグが一目で分かるWEB色見本 http://www.colordic.org/
この中から、背景色にしたい色を探しましょう。
で、今回は、tan #d2b48c を選んでみます。
CSSの２１行目、bodyの
background: #F9F9F9;
となっている箇所を
background: #d2b48c;
と書き替えて保存してみましょう。おっと、末尾のセミコロンを忘れずに。そして、ブラウザで確認。
どうですか？ イメージどおりになりましたでしょうか？
とりあえず、簡単に変更できますよね。
余談ですが、当然ながら背景に画像を使うことも可能です。
background: #d2b48c;
という記述を
background:url(images/paper02.jpg);
という記述に変えてみます。
もちろん、imagesフォルダにはpaper02.jpgというファイルをコピーしておきます。（ここでは、筆者の手持ちのファイルを利用してみました。）
はい。出来上がりです。どうでしょうか？
えっ？ １カラム表示だからわかりにくいって？
もう、しょうがないですねぇ・・・ では、次のページを見てくださいな。