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

#footer部分

CSS/HTMLファイルの設定

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

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

CSS/HTMLファイルの解説

スタイルシート

#footer{
text-align: center;-----/1
padding: 0;
margin: 0;
background-color: silver;-----/2
color: black;-----/3
}

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

HTML

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

ココ

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

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

▲Top

高性能サーバ

低価格サーバ

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