Página inicial  

trans_770 trans_160

Ejercicio paso a paso. Unidad 17. Controles de Fondo


Objetivo.

 

Practicar el uso de controles de fondo.

1 Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.

2 Abre el sitio libreria.

3 Abre el archivo estilo_libreria.css.

4 Al estilo que le aplicamos al body en ejercicios anteriores le añadiremos una nueva propiedad donde estableceremos un fondo de imagen que se repita en el eje horizontal y se posicione en la parte inferior de la página:

body {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

 

background: url(imagenes/fondo.gif) repeat-x bottom;

}

5 Añadiremos un nuevo estilo para que el bloque con id cabecera muestre una imagen de fondo, que no se repita y además estableceremos que el fondo sea de color blanco:

#cabecera {

background-image: url(imagenes/cabecera.jpg);

background-repeat: no-repeat;

background-color: white;

}

 

6 Finalmente modificaremos el estilo del bloque con id menu para añadirle un fondo de imagen que se repita a lo largo del eje horizontal:

#menu {

font-size: 13px;

letter-spacing: 1px;

 

background: url(imagenes/fondo_menu.gif) repeat-x;

}

7 Guarda los cambios.


  Índice del curso  
Aviso legal: este curso es gratuito siempre que se visualice desde la página web de aulaClic. No está permitido descargar el curso y utilizarlo en academias o centros de enseñanza privados sin estar conectado a Internet.
© aulaClic. Todos los derechos reservados. Free Computer tutorials. Prohibida la reproducción por cualquier medio.
Agosto - 2006.