フッターを変更したい。

[tag:ProCSS逆引きCSS layout.css]

　該当ＣＳＳ　

layout.css

　該当プロパティー

div#container div#footer {
clear: left;
padding: 16px;
background-color: #1A3955;
color: #FFFFFF;
text-align: center;
}
/* フッタリンク */
div#container div#footer a,
div#container div#footer a:link,
div#container div#footer a:visited {
color: #FFFFFF;
}
div#container div#footer a:hover,
div#container div#footer a:focus,
div#container div#footer a:active {
color: #00FF00;
}
/* フッタリスト */
div#container div#footer ul {
list-style-type: none;
margin: 0;
padding: 0;
}
div#container div#footer ul li {
margin: 0;
padding: 0;
}
/* コピーライト表示 */
div#container div#footer ul li.copyright_notice {
}
div#container div#footer ul li.copyright_notice address {
font-style: normal;
}
/* パワードバイ表示 */
div#container div#footer ul li.powered_by {
}
/* ページ作成時間 */
div#container div#footer ul li.execution_textandtime {
}
 

参考事例

　フッターの背景色を変更したい。　

方法
backgroundにcolorを指定する。

div#container div#footer {
clear: left;
padding: 16px;
background-color: #色指定;
color: #FFFFFF;
text-align: center;
}

　フッターの背景に画像を使いたい。　

方法
backgroundにurl(画像パス)を指定する。
画像の表示はpaddingで表示領域を確保するか
heightの値を指定する。

div#container div#footer {
clear: left;
height:高さ；
padding: 16px;
background-color: #1A3955 url(画像パス) no-repeat 0 0;
color: #FFFFFF;
text-align: center;
}

フッターのフォントの色を変えたい。

方法
colorの値を変更する。

div#container div#footer {
clear: left;
padding: 16px;
background-color: #1A3955;
color: #FFFFFF;
text-align: center;
}

　フッターのリンクの色を変えたい。　

方法
/* フッタリンク */のcolorの値を変更する。

div#container div#footer a,
div#container div#footer a:link,
div#container div#footer a:visited {
color: #FFFFFF;
}
div#container div#footer a:hover,
div#container div#footer a:focus,
div#container div#footer a:active {
color: #00FF00;
}

　解説　

コピーライト表示とパワードバイ表示とページ作成時間の
フォント及びリンク色変更はフッターの方法と同じ。