Cómo cambiar el color de los enlaces en una página web

A continuación se muestran los pasos sobre cómo puede cambiar el color de los enlaces que se muestran en su página web mediante HTML y CSS. Aunque los colores del enlace se pueden hacer con la etiqueta HTML BODY, siempre recomendamos realizar cualquier configuración de estilo en CSS como se muestra a continuación.

Sugerencia: al definir el color de cualquier elemento de la página web, es posible que deba usar códigos de color HTML. Para los colores principales, también puede especificar los nombres de esos colores en lugar de usar los códigos de color, por ejemplo, rojo, azul, verde y negro en lugar de usar sus valores de código de color respetados.

Entendiendo los diferentes tipos de hipervínculos.

Los hipervínculos son elementos especiales en su página, porque son interactivos. Para indicar que son interactivos, tienen un color diferente dependiendo de su estado. Un hipervínculo tiene tres colores especiales, además de su color original, que representan tres estados diferentes:

  1. Enlace visitado : el color una vez que se ha visitado un enlace. Si un hipervínculo es de este color, el usuario puede esperar que hacer clic en el enlace lo lleve a una página que ya ha visto.
  2. Enlace de desplazamiento : el color cuando el mouse se desplaza sobre un enlace. Si un hipervínculo es de este color, el usuario puede esperar que al presionar el botón izquierdo del mouse (clic) y luego al soltar el botón, el enlace sea visitado. El color de desplazamiento es el mismo para los enlaces activos y visitados.
  3. Enlace activo : el color del enlace al hacer clic. Cuando el usuario ve este color, puede esperar que al soltar el botón del mouse, el navegador visite el enlace.

Consejo: consulte nuestra definición de hipervínculo para obtener más información y preguntas relacionadas con los hipervínculos.

Ejemplo de color de enlace CSS

En el siguiente ejemplo de CSS, estamos configurando los colores del hipervínculo para que se parezcan a lo que se muestra en esta página. En primer lugar, todos los anclajes se configuran en # 2c87f0 (tono de azul), # 636 en un tono de púrpura, y en todos los colores de los enlaces activos y activos: # c33 (rojo). El siguiente código se puede agregar al elemento de estilo CSS o en su archivo .css.

 a {color: # 2c87f0; } a: visitó {color: # 636; } a: flotar, a: activo, a: foco {color: # c33; } 

Si su página no utiliza CSS o no desea convertir a CSS, a continuación se muestran los pasos para hacer esto en la etiqueta BODY en el código HTML. Sin embargo, como se mencionó anteriormente, le recomendamos que utilice el código CSS anterior en lugar de la etiqueta del cuerpo. Puede agregar el código anterior a un archivo CSS y vincular todas sus páginas web a ese archivo CSS. Luego, puede cambiar los valores de color de fondo en ese único archivo CSS para cambiar instantáneamente el color de fondo de todas las páginas vinculadas a él.

Ejemplo de etiqueta de cuerpo HTML

En algunas situaciones muy raras, puede que no sea posible usar CSS. Para esas situaciones, también puede definir el color de fondo, el color del texto, el color del enlace y otros valores en la etiqueta del cuerpo HTML como se muestra a continuación.

A continuación se muestran las descripciones de cada uno de los atributos HTML en la etiqueta del cuerpo.

TEXTO = El color del texto.

ENLACE = El color de los enlaces.

VLINK = Color del enlace visitado.

ALINK = Color del enlace activo o el color al que cambia el enlace cuando se hace clic.

BGCOLOR = El color de fondo de la página.