Los estilos son los cambios que realiza el texto de un enlace al pasar con el ratón por encima de este texto. Son comunes a todos los enlaces de la página donde estén insertados y puede ocurrir que el texto se ponga en negrita, que cambie de color, que salga subrayado y asi un gran número de posibilidades.

• Estilo que hace que salga una linea superior y una linea inferior en el enlace:

<STYLE type="text/css">

BODY { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica,
sans-serif; TEXT-DECORATION: none } TD { COLOR: #ffffff;
FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
} A { COLOR: #FFFFFF; CURSOR: hand; FONT-FAMILY: Arial,
Helvetica, sans-serif; TEXT-DECORATION: none } A:hover { COLOR:
#ffffff; CURSOR: hand; FONT-FAMILY: Arial, Helvetica, sans-serif;
TEXT-DECORATION: overline } A:hover { COLOR: #ffffff; CURSOR:
hand; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION:
underline }

</STYLE>

• Estilo que cambia el texto de blanco a dorado:

<STYLE type=text/css>A:link { COLOR:
#ffffff; TEXT-DECORATION: none } A:active { COLOR: #ffffff; TEXT-DECORATION:
none } A:visited { COLOR: #ffffff; TEXT-DECORATION: none } A:hover
{ COLOR: #fabe46; TEXT-DECORATION: none } </STYLE>

• Estilo que cambia el texto a azul oscuro:

<style type="text/css">
<!--
A:link, A:visited { text-decoration: none }
A:hover {color:#000080}
.link1 {color:#0000ff}
.link1:hover {color:#0000a0}
.link2 {text-decoration: underline; color:#0000ff}
.link2:link {text-decoration: underline}
.link2:visited {text-decoration: underline; color:#0000ff}
.link2:hover {text-decoration: underline; color:#0000a0}
.link3 {text-decoration: underline; color:#0000ff}
.link3:link {text-decoration: underline}
.link3:visited {text-decoration: underline; color:#0000a0}
.link3:hover {text-decoration: underline; color:#0000a0}
-->
</style>

VOLVER