La propiedad text-shadow en enlaces

Hay a quien le gusta de vez en cuando cambiar la forma de mostrar los enlaces, lo hacemos en los estilos para conseguir distinto color, tamaño o tipo de fuente y en algunos casos añadimos alguna propiedad para crear un efecto.


Click En Enlace

En Impressive Webs nos indican los pasos a seguir para añadir sombra con la propiedad text-shadow y como ejemplo proporcionan los siguientes estilos:

a:link, a:visited {
color: #aaa;
text-decoration: none;
font-size: 36px;
text-shadow: 1px 1px 1px #555;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

a:hover {
color: #bbb;
}

a:active {
text-shadow: -1px -1px 1px #555;
position: relative;
top: 1px;
left: 1px;
}

Si queremos añadir esos estilos en una entrada concreta bastaría con añadir los estilos en la misma entrada.

Y el enlace de la siguiente forma:

Texto enlace