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; }

Categorías: 
Temática: 
Nivel: 

Comentarios

es bueno el contenido ya que enseña como usar lo dicho en esto