Los enlaces se utilizan para conectar una página con otras páginas web. Enlaces con el mismo color como el resto del texto son difíciles de notar. La propiedad de color del CSS se utiliza para cambiar el color de los enlaces.
Usando CSS, podemos diseñar los enlaces de diferentes maneras. Podemos establecer algunos estados del hipervínculo que son los siguientes:
| a: activo | Se utiliza para agregar estilo a un elemento activo. |
| a: flotar | Agrega efectos especiales a un elemento cuando el usuario mueve el puntero del mouse sobre el elemento. |
| un enlace | Agrega estilo al enlace no visitado. |
| a:visitado | Agrega estilo a un enlace visitado. |
Cabe señalar que en la definición de CSS, a: flotar debe venir después un enlace y a:visitado y también a: activo debe venir después del a: flotar para que sea eficaz.
El orden de declaración de los estados del hipervínculo se da de la siguiente manera:
a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} Para cambiar el color del enlace, tenemos que usar el color propiedad de CSS. El nombre del color se puede dar en cualquier formato válido, como el nombre del color, el valor rgb() o el valor HEX.
Ahora, veamos cómo configurar el color de los enlaces usando algunos ejemplos.
Ejemplo
Por defecto, el color de los enlaces normales o no visitados es azul. En este ejemplo, estamos cambiando el color del enlace predeterminado usando el color propiedad.
a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> Pruébalo ahora Producción
Cuando se ejecute el programa, obtendremos la siguiente pantalla.
Al pasar el cursor, el enlace se verá así:
Cuando el enlace está en estado activo, su color es rojo, como se muestra a continuación.
