| 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.
|
