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

#sidebar部分

CSS/HTMLファイルの設定

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

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

CSS/HTMLファイルの解説

スタイルシート

#sidebar{
padding: 0;
margin: 0;
position: absolute;-----/1
top: 0px;-----/2
left: 520px;-----/3
width: 180px;-----/4
background-color: #ffd5d5;-----/5
color: black;-----/6
}
  1. position: absolute;
    • 絶対配置指定です。基準は【#container】です！
  2. top: 0px;
    • 【#container】に対して上から【0px】と言う事です。
  3. left: 520px;
    • 【#container】に対して左から【520px】と言う事です。
  4. width: 180px;
    • サイドバー部分の横幅を指定しています。
  5. background-color: #ffd5d5;
    • 背景色の指定です。
  6. color: black;
    • 前景色の指定です。W3Cでは背景色を指定した際は前景色も指定する事を推奨しています。

HTML

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

ココ

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

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

▲Top

高性能サーバ

低価格サーバ

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