トップページに戻る

フッターを作る

ここでは、フッターという画面下のboxを作っていきます。

footのboxにも文章とスタイル変更のソースをコピーペーストしましょう。

index.htmlへコピー→
<div id="foot">
<p>c2009 あなたのホームページ名 All Right Reserved</p>

</div>

この様に<div id="foot">とfootのboxの終了タグの</div>の間に コピーペーストして下さい。キーボードのEnterキーで<div id="foot">と</div>間を改行させると見やすいですよ。

このままでは、見にくいのでindex.cssで装飾しましょう。

index.cssの#menuの{かっこ}内にコピー→
#foot{width:740px; height:40px;
background:#708090; margin-top:10px;
padding-top:15px;
text-align:center; color:#ffffff; font-size:90%;}

#footの記述を全部消してから、このソースを丸々コピーして下さい。

文字の位置を15px上に余白を作り文章を真ん中に、文字色を白にして文字サイズを少し小さくするというスタイル変更です。


ページの最初に戻る
▼楽しい節約生活に戻る             
inserted by FC2 system