現在地: Home » 初級ホームページ作成講座：目次 » #contents(記事)部分

#contents(記事)部分

CSS/HTMLファイルの設定

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

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

CSS/HTMLファイルの解説

スタイルシート

/*-------------------------contentsの指定*/
#contents{
padding: 0;
margin: 0;
width: 520px;-----/1
float: left;-----/2
background-color: #ffffd5;-----/3
color: black;-----/4
}
  1. width: 520px;
    • コンテンツ部分の横幅を指定しています。
  2. float: left;
    • 回り込みの指定です。#contentsを左側に配置しています。
      参考までに/floatとwidthはセットで覚えましょう。floatを指定する時は、widht指定を忘れない。
  3. background-color: #ffffd5;
    • 背景色の指定です。
  4. color: black;
    • 前景色の指定です。W3Cでは背景色を指定した際は前景色も指定する事を推奨しています。

HTML

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

ココ

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

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

▲Top

高性能サーバ

低価格サーバ

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