Sintaxis CSS para imágenes de fondo

Para colocar una imagen de fondo, es necesario utilizar la propiedad background-image. El valor predeterminado de la propiedad background-image es none, lo que significa que no se colocará ninguna imagen en segundo plano.

Si necesita establecer una imagen de fondo, debe establecer un valor de URL para esta propiedad:

body {background-image: url(/i/eg_bg_04.gif);} La mayoría de los fondos se aplican al elemento del cuerpo, pero no se limitan a este.

El siguiente ejemplo aplica un fondo a un párrafo pero no al resto del documento:

p.flower {background-image: url(/i/eg_bg_03.gif) ; } Incluso puedes establecer una imagen de fondo para elementos en línea, como en el siguiente ejemplo se establece una imagen de fondo para un enlace:

a.radio {background-image: url(/i/eg_bg_07.gif);} En teoría, incluso podrías aplicar imágenes al fondo de elementos reemplazados, como áreas de texto y selecciones, aunque no todos los agentes de usuario manejan esto bien.

Además hay que añadir que la imagen de fondo no se puede heredar. De hecho, ninguna de las propiedades de fondo se puede heredar.