研修の補助資料０７：背景の色を変更する
body {
background-image:url(http://blog.seesaa.jp/img/bg/stripebrown/bg2.jpg);
background-repeat:repeat-x;
background-position:top center;
margin:0px;
padding:0px;
text-align:center;
font-family:Verdana;
background-color:#E9D2A6;
}
#container{
margin:0px auto;
width:800px;
上の青字の部分が背景色のカラーコードなので、これを好きな色のコードに変更します。
===>>>ワンポイントアドバイス(^^)
どのカラーコードがどの色を表しているかが非常に分かりづらいのですが、便利な方法が。
『ＣＳＳを触るなら秀丸にマクロを組み込もう』をご覧下さい。
この作業をする場所は、使用しているデザインの『スタイルシート』です。
『スタイルシート』の場所は・・・
先日の記事で説明しましたね。
こちら『研修の補助資料３：ＨＰのタイトルの文字を大きく』をご覧下さい。
ヘッダーの画像を変更したときもそうでしたが、背景色を変更しても、ＨＰのイメージが変わります。
簡単な操作なので、是非やってみてください。
・全くカスタマイズをしていないＨＰの例
http://sample-hp.seesaa.net/
・カスタマイズ後のＨＰの例
http://sample-hp222.seesaa.net/
ネットビジネスを応援する鯖江の税理士法人川中経営
税理士・ＩＴＣ 川中重司
