Pseudo-clase :visited

Comentarios 0 COMENTARIOS
Tags 15/09/2005 -  Tags

Por medio de la pseudo-clase :visited, podemos definir el estilo para los links que aparecen en nuestras páginas y que ya han sido visitados. La forma más sencilla sería tachando los links que han sido visitados. Es fácil de implementar y visualmente bastante aclarativo para los usuarios:

a:visited { text-decoration: line-through; }

Otra forma, un poco más sofisticada, sería anadir una imagen de fondo para indicar que el link ha sido visitado. Dejamos espacio a la derecha (padding-right) para que la imagen no se superponga al texto y colocamos la imagen como fondo:

a:visited {
padding-right: 20px;
background: url(imagenes/visitado.gif) no-repeat 100% 50%;
}
Para ver el efecto. Pincha en cada uno de los links y actualiza la página.

Algunas entradas relacionadas:

También te puede interesar: