CSS Backgrounds
body { background-image:url(images/image.jpg); background-repeat:no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
background: #ffffff url(path_to_image) top left no-repeat fixed;
background-attachment: value; background-color: value; background-image: url(path_to_image); background-position: value; background-repeat: value; You can style the background of an element in one declaration with the background property.
Background Attachment
If you are using an image as a background you can set whether the background scrolls with the page or is fixed when the user scrolls down the page with the background-attachment property background-attachment: value; fixed scroll
Background Color
You can specifically declare a color for the background of an element using the background-color property.
body { background: #aaaaaa; }
background-color: value; color name hexadecimal number RGB color code transparent
Background Position
You can position an image used for the background of an element using the background-position property. background-position: value; Values: top left top center top right center left center center center right bottom left bottom center bottom right x-% y-% x-pos y-pos
Background Repeat
You can set if an image set as a background of an element is to repeat (across=x and/or down=y) the screen using the background-repeat property. background-repeat: value; Values: no-repeat repeat repeat-x repeat-y body { background-image: url("gradient_bg.png"); background-repeat: repeat-x; } Click to see repeatx