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.

¿No te funcionan los cambios?
¿Deseas añadir algo nuevo y no sabes como?
Nosotros lo hacemos por ti

4 comentarios:

Anónimo dijo...
22 de enero de 2009, 4:11  

Gracias por la información un dia me salio de coña pero ahora encuento la lógica...

Aggro_insane dijo...
15 de julio de 2009, 0:23  

hola que tal, sabes como puedo cambiar un link a una palabra, pero que esa palabra me lleve al link que quiero, por ejemplo:

http://ayuda.con.el.link.com y sustituirla por la palabra;

descarga < pero que esa palabra me lleve a la pagina solicitada (http://ayuda.con.el.link.com

de antemano si tienes una ayuda
te doy las gracias

es para un blog :)

Anónimo dijo...
27 de julio de 2009, 18:56  

Habría estado bien enseñarnos cómo hacer que cambie de color o de tamaño al pasar por encima el ratón :) Pero gracias está muy bien ^^

obyod dijo...
6 de diciembre de 2018, 1:23  

Gracias, mil gracias, que Dios les siga dando sabiduría para que siga(n) compartiendo

Cuéntanos que te ha parecido este artículo

Emoticonos en blogger
:) :'( :( :P :D :$ ;) :-I :-X :o :O |O :\

Traductor

Suscríbete vía email

Introduce tu dirección de correo:

Suscríbete

Seguidores