現在地: Home » 初級ホームページ作成講座：目次 » #footer部分

#footer部分

CSS/HTMLファイルの設定

下記コードをCSSファイルにコピー&ペーストして下さい。

下記コードをHTMLファイルにコピー&ペーストして下さい。

CSS/HTMLファイルの解説

スタイルシート

#footer{
text-align: center;-----/1
padding: 0;
margin: 0;
width: 100%;-----/2
clear: both;-----/3
background-color: silver;-----/4
color: black;-----/5
}

#footer p{-----/6
padding: 0;
margin: 0;
}
  1. text-align: center;
    • 文字を中央寄せ（センタリング）に指定しています。状況に応じて変更して下さい。
  2. width: 100%;
    • 幅を横一杯に指定しています。
  3. clear: both;
    • 回り込みの解除指定です。
  4. background-color: silver;
    • 背景色の指定です。
  5. color: black;
    • 前景色の指定です。W3Cでは背景色を指定した際は前景色も指定する事を推奨しています。
  6. #footer p
    • #footer内に入る<p>要素の指定です。ここではコピーライト表記<p>Copyright（C） ********　All Rights Reserved</p>を入れています。

HTML

<!--sidebar部分終わり-->

ココ

今現在の完成状況→サンプル表示

以上で準備完了です！→タグの確認へ進む！

▲Top

高性能サーバ

低価格サーバ

無料ホームページスペース