［例１］背景画像を敷き詰める
background: url(素材のurl);

↓

［例２］「白黒応用編」のように背景色を指定できる背景画像
background: url(素材のurl) #カラーコード;

↓

［例３］背景画像を敷き詰めないで右下へ
background: url(素材のurl) no-repeat right bottom;

↓

［例４］背景画像を縦のみリピートで右寄せ
background: url(素材のurl) repeat-y right;

↓

［例５］背景画像を横のみリピートで上へ
background: url(素材のurl) repeat-x top;

↓

背景画像を敷き詰めない場合は「no-repeat」としないと敷き詰められてしまいますのでご注意ください。

- ナノ -