Índice

Los enlaces HTML:Hipervínculos

Esta es una lista:

  • a:link: color de los enlaces. PROPIEDADES CSS:a\\:link

  • a:visited: color de los enlaces visitados. PROPIEDADES CSS:a\\:visited

  • a:hover: apariencia de un enlace cuando se pasa el ratón sobre él (pero sin activarlo). PROPIEDADES CSS:a\\:hover

  • a:active: apariencia de un enlace cuando el usuario lo activa (hace clic sobre él). PROPIEDADES CSS:a\\:active

  • a:focus: apariencia de un enlace cuando recibe el foco (por ejemplo, al seleccionarlo con el teclado). PROPIEDADES CSS:a\\:focus

Es posible combinar estas pseudo-clases de la siguiente manera: a:focus:hover { background: white }. El orden a seguir es el siguiente: :link, :visited, :hover, :active.

Pasemos ahora a examinar las posibilidades de subrayado de los enlaces:

  • text-decoration: none = enlace sin subrayar. PROPIEDADES CSS:text-decoration

  • text-decoration: underline = enlace subrayado por debajo (opción predeterminada).

  • text-decoration: overline underline = enlace subrayado por encima y por debajo.

Utilice el siguiente código para mostrar un enlace en negro, azul cuando se ha visitado, rojo cuando se pasa el ratón por encima, con un fondo de color verde y sin subrayado cuando recibe el foco:

<style type="text/css"> 
a:link { color:black ; text-decoration:underline ; font-weight: bold ; } 
a:visited { color:blue ; font-weight: bold ; } 
a:hover { color:red ; text-decoration: none ; background-color:green ; } 
</style>