Cambiar el estilo de los link al pasar el raton por encima

Si queréis darle un poco más de vidilla a vuetro blog o web y que parezca algo más vistoso, hoy os mostraré ocmo podemos cambiar el esilo de nuestros enlaces al pasar por encima el ratón.

Simplemente se trata de utilizar una propiedad css en nuestros link. Os pongo un ejemplo, imaginemos que tenemos el siguiente enlace:


<a href="http://ayudaparamiweb.com">Ayuda para mi web</a>


Para tener 2 estilos definidos de nuestro enlace, uno normal y el otro para cuando pasemos el raton por encima deberemos definir dichos estilos en css. Para ello deberemos añadir la etiqueta style antes de cerrar el head de nuestro html:


<style type="text/css">
a{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}




En este ejemplo el cambio que haremos será subrayar el enlace al pasar el mouse por encima. Podréis añadir todas las propiedades css que queráis para modificar el enlace(tamaño del texto, color, fuente).

Poco a poco iré añadiendo tutoriales y trucos css para que podáis modificar a vuestro gusto todas las partes de vuestra web.

Leer más......