Background Color

The background-color property specifies the background color of an element.

The background color of a page is defined in the body selector:

Source code

body {background-color:#b0c4de;}

With CSS, a color is most often specified by:

• a HEX value – like “#ff0000″
• an RGB value – like “rgb(255,0,0)”
• a color name – like “red”

Look at CSS Color Values for a complete list of possible color values.

In the example below, the h1, p, and div elements have different background colors:

Source code

h1 {background-color:#6495ed;}
p {background-color:#e0ffff;}
div {background-color:#b0c4de;}

Background Image

The background-image property specifies an image to use as the background of an element.

By default, the image is repeated so it covers the entire element.

The background image for a page can be set like this:

Source code

body {background-image:url('paper.gif');}

Below is an example of a bad combination of text and background image. The text is almost not readable:

Source code

body {background-image:url('bgdesert.jpg');}

Incoming search terms:

• www csscodes net
• csscodes me