トップページ > モジュール化 > フッターの背景色を変更 NO.55

フッターの背景色を変更 NO.55

2006年05月08日
フッター部分、「Copyright」のところの背景が記事の背景を同じく白で区切りがわかりにくいので、背景色を変えることにします。


フッターはモジュール化してあるので、フッター部分に指定してあるスタイルシートを変更するだけですべてのページのフッターに変更が適用されます。便利~♪


【スタイルシートの変更するところ】
下の赤字のところを追加して#~のカラーコードで好きな色を指定します。 青字の部分は本文とフッターのあいだの二重線を指定していたスタイルシートなので削除しました。
/*フッター関連*/
.footer{
background-color:#ded7ce
border-top:3px double #cccccc;
margin-top:10px;
padding-top:5px;
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
text-align:center;
line-height: 150%;
}


« かんたん相互リンクに参加しました | トップページ | 右サイドメニューに「小見出し」をつける NO.56 »