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

#header部分

CSS/HTMLファイルの設定

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

下記コードをHTMLファイルの　<div id="wrapper"></div>の中にコピー＆ペーストして下さい。

CSS/HTMLファイルの解説

スタイルシート

#header{
padding: 0;
margin: 0;
height: 100px;
background-color: silver;-----/1
color: black;-----/2
}

#header p{-----/3
padding: 0;
margin: 0;
}

とりあえず高さを100pxとしています。

  1. background-color: silver;
    • 背景色の指定です。
  2. color: black;
    • 前景色（文字の色）の指定です。W3Cでは背景色を指定した際は前景色も指定する事を推奨しています。
  3. #header p
    • #header内の<p>の指定です。ここでは<p>ホームページ作成</p>が入力してあります。

HTML

<body>
<div id="wrapper">

ココ

</div>
</body>
</html>

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

以上で準備完了です！→作業手順4へ進む！

▲Top

高性能サーバ

低価格サーバ

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