background-color: <color> | transparent
background-image: <url> | none
background-repeat: repeat | repeat-x | repeat-y | no-repeat
background-attachment: scroll | fixed
background-position: [ [ <percentage> | <length> | left | center | right]  
            [ <percentage> | <length> | top | center | bottom ] ]? ] |
            [ [left | center | right] || [top | center | bottom] ]
background: [ <background-color>  || <background-image>   || 
      <background-repeat>  || <background-attachment>  ||
      <background-position> ]

• Background defined as a colour and/or an image. Properties are:
  • background-color: specifies colour of element's background
  • background-image: specifies image as element's background (in front of colour)
  • background-repeat: in x, in y or both
  • background-attachment: scroll or fixed
  • background-position: top left, bottom right etc
  • background: sets them all (like font)

Backgrounds are styling Don't use them for content