Valid for XHTML 1.0 Strict + CSS Válido para XHTML 1.0 Estrícto + CSS

Muchos hemos visto que en algunas páginas, personalizan la forma en que se ven los links, como por ejemplo, cuando ponemos el puntero encima de él. Para hacer estos efectos, hacemos uso de las pseudo-clases de la etiqueta ancla. Estas pseudo-clases son:

Link: Cuando un ancla apunta a un link no visitado aun por el usuario.

Visited: Cuando un ancla apunta a un link visitado anteriormente por el usuario.

Hover: Ocurre en el momento que ponemos el puntero sobre el ancla.

Focus: Ocurre en el momento que el ancla recibe el enfoque.

Active: Ocurre mientras el ancla está siendo presionada.

A continuación mostramos como hacer uso de estas pseudo-clases:

<style type="text/css">
a:link{color:#00f}
a:visited{color:#90f}
a:hover{color:#99f}
a:focus{color:#990}
a:active{color:#f00}
</style>

En el caso de Internet Explorer, las pseudo-clases focus y active son resumidas en la última, haciendo caso omiso de la primera por completo. Por tal motivo, muchos desarrolladores optan por poner a ambas pseudo-clases las mismas propiedades

Volver arriba.

Hosted by www.Geocities.ws

1