背景が適用されない
CSSでbackgroundが適用されない場合、以下の点を確認してください。
まずは初歩的なミスがないか…
そのセレクタに対してしっかりスタイル適用できている状態（→参考）であるか、backgroundプロパティの記述方法にミスがないか、について確認してください。
style.css
#box{
background:rgb(50,50,50);
}
ボックスの中身が空っぽになっている
ボックスに背景を指定できていても、中身が空っぽだとボックスの高さは0pxとなり、まるで何も無いように見えてしまいます。
試しに、htmlでボックス内に文字などを置いてみるか、以下のように高さの最低値を指定してみましょう。
style.css
#box{
background:rgb(50,50,50);
min-height:100px;
}
| min-height:○px; | 高さが○px未満のときでも○px分の高さを形成します。 |
|---|
背景色は指定できるのに背景画像は指定できない
そのような場合は、背景画像プロパティの記述方法が間違っているか、背景画像までのパスが間違っています。
style.css
#box{
background:("images/bg.png");
}
パスに関しては、Chapter1-5を参考に再確認しましょう。