The #1 source for CSS background tutorials and how to's

Solid Background CSS

To change the background color of your html page insert the following code and change the red hex value #000000 (black) to the color of your choice.

Hex values are color codes a web browser can understand. To learn more about hex values click here

Image Background CSS

To change the background of your html page to an image insert the following code and change the red link directory images/bg.jpg to the link where your image is located.

Once your image is in place you may want to add a solid color to fill the space the image might not cover on higher resolution monitors. To do so use the following code and replace the hex value #000000 (black) to the color of your choice, and the image link images/bg.jpg with a link to your image.

Repeating Background CSS

In order to repeat the the background image use the following code. Change the directory link images/bg.jpg to your images link.

The CSS property background-repeat is set to repeat which will tile the image both verticaly and horizontaly. If you wish to only repeat the image horizontaly set it to repeat-x or verticaly to repeat-y.