トップ > CSSレイアウトデザイン

※ここの解説は、後になるほど省略されている場合がありますのでできるだけ順番に読んでください。

■ 7.背景画像の埋め込み

例えば、「#pagehead」に背景画像を埋め込みたい場合は次のように指定します。

#pagehead{
  background: #000000 url(./images/image01.jpg);
  color: #ffffff;
}

./images/image01.jpg」が、背景画像に使われる画像のファイル名です。
用意する画像は、横幅800ピクセル、縦幅100ピクセル以上の画像です。
#titlebox」まで画像を広げたい場合は、次のように「#titlebox」の背景色の指定を削除します。

#titlebox{
  background: #ffff00; (削除する)
  color: #000000;
}

今までに解説してきた以外のCSSの細かい設定内容については、ここでは詳しく説明しません。
以下のページなどを参考にしてください。

■ 参考ページ
HTMLの解説」─「14.スタイル属性」、「15.スタイルシート
CSS・デザイン・テンプレート関連のサイト」—「【CSS関連】」