Manipular links o enlaces con CSS

Los CSS (Cascading Styles Sheets) son la mano derecha en la apariencia de nuestros proyectos webs, aquí van algunos scripts que son de utilidad al querer manipular los links o enlaces:

Cambia color al pasar el ratón por lo alto del enlace

<a href=”” onmouseover=”this.style.color=’red’;” onmouseout=”this.style.color=”;”>Este enlace cambio a rojo cuando te pongas encima</a>

Hipervínculos o links de color verde

<a href=”” style=”color:green;”>Este enlace es verde</a>

Hipervínculo sin raya por debajo

<a href=”” style=”text-decoration: none;”>Este enlace no tiene subrayado</a>

Línea de espacio de un hipervínculo

<a href=”” style=”line-spacing:150%;”>Este enlace tiene un espaciado 150% de lo normal</a>
<a href=”” style=”line-spacing:150%;”>Este enlace tiene un espaciado 150% de lo normal</a>

Espacio entre los caracteres de un hipervínculo

<a href=”” style=”letter-spacing:5px;”>Este enlace tiene 5px de espacio entre letras</a>

Color de fondo de los Links

<a href=”” style=”background:ffffcc;”>Este enlace tiene fondo amarillo</a>

~ por sinscroll en septiembre 21, 2008.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: