CSS properties used for background effects:

• background-color
• background-image
• background-repeat (image repeats horizontally, vertically or does not repeat)
• background-attachment (sets whether a background image is fixed or scrolls with the rest of the page)
• background-position (sets position of the background image if it is not repeated) Values for background position property

Note: watch how backgrounds might obscure the text (or other page contents)

Example of background color
body{
            background-color:#CCC;
}

Example of big background, covering the whole page.
Preferably image dimensions has background size (let’s say div)
div{
width:950px;
height:534px;
background-image:url(Fall.jpg);
background-repeat:no-repeat;
}

Example of a background image with fixed position in the center
body{
background-image:url(ImageName.png);
background-repeat:no-repeat;
background-attachment: fixed;
background-position: center;
}

Example of a backgroung repeated image
body{
background-image:url(ImageName.gif);
}

Example of a repeated image only horizontally
body{
background-color:#d7ffc4;
background-image:url(ImageName.jpg);
background-repeat:repeat-x;
}