ページの背景色を変更したい

本書のテンプレートは、業種やテイストを問わず、平均的なスタイルで始められるように設計しております。独自レイアウトですので、HTMLやCSSのテンプレートを編集すれば、自由に整えることができますが、それには専門の知識を必要とします。


本テンプレートの、ページの背景色とコンテンツ部分の背景色を色分けする方法をご紹介します。

コードを追加

Jimdoにログイン後、[レイアウト]→[独自レイアウト]→[CSS]を開き、1行目の@Charset〜 の下に、空行を挿入し、以下のコードをコピー&ペーストします。

body { background: #00bfff; }
#container { background: #ffffff; padding: 20px; }

「#00bfff」が、全体の背景色の指定です。適宜書き換えます。

「#ffffff」が、内容部分の背景色指定です。現在は白を指定しています。