Hay una serie de estilos predefinidos en html, como es el caso de los enlaces:
:link
Estilo que se aplica a los enlaces inactivos.
:active
Estilo que se aplica a los enlaces que han sido activados.
:visited
Estilo que se aplica a los enlaces que han sido visitados.
:hover
Estilo que se aplica a los enlaces cuando el cursor del ratón pasa por
encima de ellos.
Estos estilos tienen una configuración por defecto, pero dicha configuración se puede cambiar definiendo el estilo en la hoja de estilos o en el propio documento de la manera
a:hover {
color :#999999 ;
text-decoration: none;
font-size: 11px;
font-family: verdana;
}
a:visited {
color :#666699 ;
text-decoration: none;
font-size: 11px;
font-family: verdana;
}
Se pueden definir varios estilos para cada tipo de enlaces, definiéndolos cada uno según la etiqueta donde estén
a:link {
color :#CCCCCC ;
text-decoration: none;
font-size: 11px;
font-family: verdana;
}
a.menu:link {
color :#666699 ;
font-size: 13px;
font-family: courier;
}
Diseño web de Hooping