View Full Version : How do I make the background color change at different heights on the page like this?

08-31-2010, 06:09 PM

How would I make my page background go back and forth between colors like on this website?

thanks for looking at my thread

08-31-2010, 06:43 PM
Download Firefox’s Firebug add-on or use the built-in developer consoles in Chrome, Safari, or Opera to inspect the source code. You’ll find that these are just elements (divs) that span across the viewport (they do that by default) and have a different background color or image.

You can easily do that yourself: Put three divs (with some content) in a plain HTML document and apply a different background color to each (along with some padding etc. – and remove default margin/padding from the body element)). That’s how it works.

Major Payne
09-01-2010, 08:32 AM
Just simple divs with the proper CSS styling and background colors. Nothing extremely unusual in the HTML or CSS files.