 Estás en: HTML» Trucos » colores de los enlaces
Trucos y preguntas frecuentes sobre diseño en HTML
¿Cómo puedo hacer que los enlaces visitados no tengan los colores por defecto (morado, azul) o el subrayado?
Los enlaces en HTML tienen cierta apariencia "por defecto", es decir, que si no les aplicamos ningún cambio, será de la siguiente manera como se mostrarán siempre:
- El link no visitado es de color azul
- El link visitado es de color morado
- En ambos casos van siempre subrayados
Si no tienes nociones de aplicación de estilo CSS a las hojas HTML, aquí tienes una pequeña ayuda para que tus enlaces tengan otro aspecto. Cópialo y pégalo dentro de la etiqueta <head> y observa el resultado. No olvides colocar algún enlace dentro de la etiqueta <body>.
Ejemplo:
<style type="text/css">
<!--
a:link {
color: #CC3300;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FF9900;
}
a:hover {
text-decoration: underline;
color: #0099CC;
}
a:active {
text-decoration: none;
color: #FFFF00;
}
-->
</style>
a:link: Se refiere al enlace antes de que lo activemos
a:visited: Es el enlace ya visitado.
a:active: Es el enlace ya activado
a:hover: Efecto al pasar el ratón por encima del enlace.
Puedes cambiar los colores del ejemplo por otros a tu gusto (ver tabla de colores) y también el efecto text-decoration. Los valores que puedes utilizar para éste último son: none (ninguno), underline (subrayado), overline (con una linea superior) o line-through (tachado).
|
