Cómo cambiar el color de un hipervínculo de texto usando CSS en HTML?

CSS se utiliza para proporcionar diseñará en los elementos HTML. Un hipervínculo es un vínculo que se transfiere a una página a otra página, que sólo funciona haciendo clic en el texto o imagen. Por lo tanto, en este vamos a aprender cómo podemos cambiar el color de un hipervínculo de texto usando CSS en HTML?

para proporcionar diversos estilos a los elementos HTML que tenemos que utilizar CSS. HTML sólo proporcionan la estructura de la página web, pero ofrece varios estilos CSS en los elementos HTML. CSS se coloca en los elementos HTML usando tres maneras-inline, externo o interno.

Un hipervínculo se crea en HTML usando la etiqueta de anclaje que ayuda a pasar de una página a otra. En este atributo “href” cuenta la ubicación de la página que se abrirá en hacer clic en hipervínculo.

La sintaxis de la etiqueta de anclaje es:

<a href="www.computerhope.com">Computer Hope</a>

Puede cambiar el color de enlace usando CSS directamente como aquí:

a { color:red;}

Pero en este solo color se fija que no lo hará cambiar de acuerdo con los diferentes estados. Si desea cambiar de color de acuerdo a los diferentes estados que necesitamos saber que hay cuatro estados: a: link , a: visited , a: hover , a: active

código HTML con CSS

<html>
<head>
<title>Hyperlink demo </title>
<style>
a:link
{
color: blue;
}
a:visited
{
color: black;
}
a:hover
{
color: hotpink;
}
a:active
{
color: red;
}
</style>
</head>
<body>
<a href="https://www.google.co.in">Click It!!</a>
</body>
</html>

salida

How to change the color of a hyperlink text using CSS in HTML? - 4


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *