Página inicial  

trans_770 trans_160

Ejercicio paso a paso. Unidad 17. Utilizando pseudo-elementos y clases


Objetivo.

 

Practicar el uso de pseudo-elementos y pseudo-clases.

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

2 Abre el sitio libreria.

3 Abre el archivo estilo_libreria.css.

4 Añade el siguiente estilo para que los enlaces dentro de una clase item que se encuentren en un bloque con id menu no muestren subrayado y sean de color negro.

Para el evento hover (cuando el ratón se encuentra sobre él) haremos que vuelva a aparecer el subrayado:

#menu .item a {

text-decoration: none;

color: black;

}

 

#menu .item a:hover {

text-decoration: underline;

color: black;

}

 

5 Añade el siguiente estilo para que la primera letra del contenido de una clase item en un bloque con id menu se muestre en negrita:

#menu .item:firstletter {

font-weight: bold;

}

 


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