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

#sidebar部分

CSS/HTMLファイルの設定

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

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

CSS/HTMLファイルの解説

スタイルシート

#sidebar{
padding: 0;
margin: 0;
width: 180px;-----/1
float: right;-----/2
background-color: #ffd5d5;-----/3
color: black;-----/4
}
  1. width: 180px;
    • サイドバー部分の横幅を指定しています。
  2. float: right;
    • 回り込みの指定です。#sidebarを右側に配置しています。
      参考までに/floatとwidthはセットで覚えましょう。floatを指定する時は、widht指定を忘れない。
  3. background-color: #ffd5d5;
    • 背景色の指定です。
  4. color: black;
    • 前景色の指定です。W3Cでは背景色を指定した際は前景色も指定する事を推奨しています。

HTML

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

ココ

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

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

▲Top

高性能サーバ

低価格サーバ

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