[css3] backgroundで背景画像を複数指定する

CSS3なら一つの要素に背景画像を複数指定できるので、背景パターン切り替えごとに要素を追加しなくでもよくなる。 CSS



body{
 background:
 url(./images/bg_header.png) repeat-x center top,
 url(./images/bg_footer.png) repeat-x center bottom,
 url(./images/bg.png) 0 0;
 }

body{

background:

url(./images/bg_header.png) repeat-x center top,

url(./images/bg_footer.png) repeat-x center bottom,

url(./images/bg.png) 0 0;

}