How can I add multiple backgrounds to a single webpage?

How can I add multiple backgrounds to a single webpage? I 开发者_JAVA百科mean different backgrounds in different sections.

---

Just divide those sections by for example <div>.

<div id="section1"></div>
<div id="section2"></div>
<div id="section3"></div>

Then use the CSS background-image property on each of them.

#section1 { 
    background-image: url('images/section1.png');
}
#section2 { 
    background-image: url('images/section2.png');
}
#section3 { 
    background-image: url('images/section3.png');
}

---

Assuming you are using <div>s to section out your webpage, you can use the background CSS property to specify different backgrounds per section. Quick tutorial.

---

and if you don't care about explorer (oh, how nice that would be), you could use multiple background on one div (CSS3).