Background images, just as the name implies, are part of the BACKGROUND of a website, not part of the actual content. The most common place to add a background image to, is the entire canvas – aka the body tag.

The CSS to add an image to a body tag is simple:

body { background: url(bgimage.jpg); }



« Deleting Browser Default Settings in CSS
Styling different links differently with CSS »
How to Add a Background Image with CSS

Background images, just as the name implies, are part of the BACKGROUND of a website, not part of the actual content. The most common place to add a background image to, is the entire canvas – aka the body tag.

The CSS to add an image to a body tag is simple:

body
{
      background: url(bgimage.jpg);
}

I’m just using a random image for demonstration purposes, and THIS this is what we get. And we can note the following:

1.     It’s a very beautiful flower (grew in my house)
2.     It repeats itself and covers the entire background – that is called ’tiling’ (think bathroom)
3.     It pretty much makes it impossible to read the actual page content