# CSS for site background

**URL:** <https://forum.kirupa.com/t/css-for-site-background/275099>\
**Category:** web dev\
**Created:** [November 9, 2008, 9:07pm UTC](https://forum.kirupa.com/t/css-for-site-background/275099 "2008-11-09T21:07:15Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![losse](https://avatars.discourse-cdn.com/v4/letter/l/9d8465/32.png) [@losse](https://forum.kirupa.com/u/losse)\
**Post date:** [November 9, 2008, 9:07pm UTC](https://forum.kirupa.com/t/css-for-site-background/275099/1 "2008-11-09T21:07:15Z")

</div>

Hi there  
Just wondering if anyone can provide me with the basic CSS to setup a background similar to the following sites:

[http://www.bikes.com/main+en+00\_100+home.html?zone=1](http://www.bikes.com/main+en+00_100+home.html?zone=1)  
[http://psd2cssonline.com/](http://psd2cssonline.com/)

In a nutshell… the background consists of a top portion, middle portion and the bottom portion.

What I would like to do is create a top portion, say in “blue” colour, make the bottom “grey” and then the middle portion would be a graphic that blends in the blue and the grey…

Any idea how to accomplish this?