テンプレートの 背景をすべて赤に

質問

​http://homepage.decoweb.jp/template/view/H30010a
で公開されているテンプレートの背景を黒から、すべて赤にしたいと思っています。でもそのやり方が、わかりません！
おしえてください！

回答No.2

panto-maim · ベストアンサー

提示されているテンプレートのCSS（style.css）を拝見すると、
背景の黒は黒系の画像で、bodyの背景色は灰色（#5e5e5e）で設定されています。

body部分（一部分抜粋）
　background: url("images/back.jpg") repeat-x #5e5e5e;

背景で使われている画像（imagesフォルダに在るback.jpg）の色を赤系に変更、
もしくは背景画像の設定を削除して、
背景色を赤系（#ff0000）に変更すると良いと思います。

例えば、こんな感じに変更すると、ページ周りが黒から赤に変わります。
background: #ff0000;

なお、body部分だけ変更しても、header部分・footer部分は反映されず黒のままです。
色を変えたい場合はheader部分・footer部分も確認してください。

div#header部分
　background: url("images/header_back.jpg") repeat-x;

div#footer部分
　background: url("images/footer_back.jpg") repeat-x;

※header部分・footer部分は、画像部分を削除すると”白”（デフォルト色）になりますので、
色を変えたい場合は背景色の設定を追加してください。

お礼

返事が遅くなりました。大変参考になりました。ありがとうございます。

回答No.1

naokita

CSSなら body{ } の部分だと思いますが
背景は、background-color　です。（もしくは background ）
黒なら background-color: #000000;
とか #000 とか BLACK とか（もしくは近似色）で指定されていますから

その部分を background-color: #F00; 等に変更します。
（もしくは background: RED; とか #FF0000 とかでも良い。）

divに背景background指定している場合もありますし
HTMLで直接 bgcolor属性で変更している場合もありますが色を変更するだけです。

他のフォントカラー等は「検索」で各種の色（16進数）で調べましょう。

お礼

すいませんでした。ネットがなかなかつながらなくて、返事がおそくなりました。ありがとうございます。