Fondos
El último elemento que forma el box-model es el fondo de la caja del elemento. El fondo puede ser un color sólido o una imagen. El fondo solamente se visualiza en el área ocupada por el contenido y su relleno, ya que el color de los bordes se controla directamente desde los bordes y las zonas de los márgenes siempre son transparentes.
Para establecer un color o imagen de fondo en la página entera, se debe establecer un fondo al elemento body o en html. Si se establece un fondo a la página, como el valor inicial del fondo de los elementos es transparente, todos los elementos de la página se visualizan con el mismo fondo a menos que algún elemento especifique su propio fondo.
CSS define cinco propiedades para establecer el fondo de cada elemento:
background-color, background-image, background-repeat, background-attachment, background-position y otra propiedad abreviada (shorthand) denominada simplemente background.
background:
[background-color || background-image ||
background-repeat || background-attachment ||
background-position] | inherit
Se aplica: a todos los elementos. Establece todas las propiedades del fondo de un elemento.