Enlaces con CSS (links)

Veamos cómo presentar los enlaces (links) aplicandoles CSS, Los enlaces tienen varios estados que son los siguientes:

link sin visitar (“normales”)
hover (cuando pasamos el cursor del ratón por encima)
active (cuando hacemos clic)
visited (cuando ya hemos ido a esa dirección)

Son los llamados pseudo selectores y la sintaxis es:

a {propiedades}
a:link {propiedades}
a:visited {propiedades}
a:hover {propiedades}
a:active {propiedades}

Puedes aplicar a estos pseudo selectores las mismas propiedades que le puedes aplicar a cualquier otro elemento: cambiar el color de fondo, la fuente, la alineación, el tamaño de la letra… etc.

Ejemplo:

a:link {
   font-family: tahoma, arial, sans-serif;
   color: #B22222;
   font-size: 18px; } 

a:visited {
   font-family: arial, sans-serif;
   color: #B23322;
   font-size: 19px; }

Temática: Diseño gráfico

Nivel: Medio