A brief overview of adding and positioning background imaages

1. CSS - Adding Images

2. Background Images
• background-image property adds a graphic
to the background of an element.
body {
background-image: url(images/bg.gif);
}

3. Controlling Repetition
• The background-repeat property specifies
how (or if at all) an image tiles.
background-repeat {
no-repeat;
}
• It accepts four values: repeat, no-repeat,
repeat-x, repeat-y

4. Controlling Repetition
• repeat: entire space is filled with the graphic,
left to right, top to bottom.
• no-repeat: image is displayed one time,
without tiling or repetition.
• repeat-x: repeats the image horizontally
across the x-axis.
• repeat-y: repeats the image vertically along
the y-axis.