Cómo Cambiar El Color Del Enlace En Html

Tabla de contenido:

Cómo Cambiar El Color Del Enlace En Html
Cómo Cambiar El Color Del Enlace En Html

Video: Cómo Cambiar El Color Del Enlace En Html

Video: Cómo Cambiar El Color Del Enlace En Html
Video: 3. HTML - ENLACES - Cambiar Color 2024, Mayo
Anonim

Los desarrolladores web novatos a menudo se preguntan acerca de cómo cambiar la apariencia de los hipervínculos. Esto es bastante natural, porque los diseñadores y diseñadores de maquetación plantean constantemente el tema del formato correcto de los enlaces.

Cómo cambiar el color del enlace en html
Cómo cambiar el color del enlace en html

Instrucciones

Paso 1

Por defecto, los enlaces se dibujan en azul (# 0000FF), tienen un subrayado y cambian de color cuando cambian a morado (# 800080), con los enlaces activos resaltados en rojo (# FF0000). La configuración de color para todos los enlaces de la página en sus diferentes estados se lleva a cabo utilizando herramientas HTML estándar, tres atributos de la etiqueta. El cambio de los parámetros de diseño de los enlaces individuales se puede realizar cambiando los valores de los atributos de la etiqueta correspondiente.

Paso 2

Hay tres formas de establecer valores para los atributos de estilo. En todos los casos, debe especificar la fuente y el color del subrayado, que puede ser en forma de código hexadecimal en variantes completas (#FFFFFF) o abreviadas (#fff). El color también se puede especificar en formato RGB (101, 010, 111) o el valor html estándar del atributo de estilo, es decir, la palabra clave (gris, rojo, etc.). Estos valores se establecen para los atributos link, alink y vlink.

Paso 3

El atributo de enlace opcional de la etiqueta determina el color de todos los hipervínculos de la página. Si no se especifica el atributo, se asume el valor predeterminado.

Paso 4

El atributo opcional alink de la etiqueta determina el color de todos los hipervínculos activos, es decir, cambia el color del enlace al especificado al hacer clic en él. Los elementos del menú que apuntan a la página actualmente abierta en el navegador también se consideran hipervínculos activos. Si no se especifica el atributo, se asume el valor predeterminado.

Paso 5

El atributo vlink opcional de la etiqueta determina el color de todos los hipervínculos visitados, es decir, cambia el color del enlace después de hacer clic en él. Si no se especifica el atributo, se asume el valor predeterminado.

Paso 6

Puede utilizar las propiedades CSS en el documento HTML para cambiar el color de todos los hipervínculos. Se escriben entre las etiquetas emparejadas y se especifican entre las etiquetas requeridas y. Las propiedades se establecen mediante el selector A:, con la pseudoclase visitada, que especifica el color de los enlaces visitados, activo, que especifica el color de los enlaces activos, o hover, que especifica el color de los enlaces al pasar el cursor sobre ellos.

Paso 7

Si necesita cambiar el color de un enlace individual, y no todos a la vez, debe usar el atributo de estilo para la etiqueta, conectando así los estilos a una etiqueta específica. El valor del atributo en este caso es la propiedad de color, la sintaxis es la siguiente: es decir, puede utilizar cualquiera de los cuatro métodos para especificar un color.

Recomendado: