CSS Imagen de Fondo

Cómo establecer una imagen de fondo en html usando css?

Explicación

Propiedad :

BackGround Image
Uso:
background-image: url('image.jpg');
background-image: none;

Definición:
Imagen de fondo puede establecerse usando la etiqueta background-image. Toma la imagen en url como se muestra en el ejemplo.
a)url("directorio de la imagen"). Tenemos que establecer la ruta de la imagen dentro de la etiqueta url. Acepta cualquiera de los valores dados.
b)nada, si no se requiere imagen de fondo.

Ejemplo 1:


<div style="background-image: url('test.jpg');"> nombre de color <br><br><br></div>

Resulta:


nombre de color


Ejemplo 2:


<font style="background-image: none; background-color: green; "> color using valores hex <br><br><br><br></font>

Resulta:


color usando valores hex

Ahora puedes ver que la imagen ha sido establecida como fondo con la etiqueta div.
Como nada se ha establecido para la etiqueta fuente (ejemplo 2), nada se muestra aquí.