How to add background image with CSS?

In this tutorial we will create a page with a background image. The CSS code for the page will look like this

body
{
font:0.9em Verdana, Arial, Helvetica,sans-serif;
background-color:#d5d7e5;
color:#000000;
background-image:url(recipes.gif);
background-repeat:no-repeat;
background-position:97% 2%;
margin:0;
padding:70px 0 0 0;
}

Advertisement