Les liens sont utilisés pour connecter une page à d’autres pages Web. Liens avec le même couleur car le reste du texte est difficile à remarquer. La propriété color du CSS est utilisée pour changer la couleur des liens.
En utilisant CSS , nous pouvons styliser les liens de différentes manières. Nous pouvons définir certains états du lien hypertexte qui sont les suivants :
| a: actif | Il est utilisé pour ajouter du style à un élément actif. |
| a: survol | Il ajoute des effets spéciaux à un élément lorsque l'utilisateur déplace le pointeur de la souris sur l'élément. |
| un lien | Cela ajoute du style au lien non visité. |
| a: visité | Cela ajoute du style à un lien visité. |
Il est à noter que dans la définition CSS, a: survol doit venir après un lien et a: visité et aussi a: actif doit venir après le a: survol afin d'être efficace.
L’ordre de déclaration des états d’hyperlien est donné comme suit :
a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} Pour changer la couleur du lien, nous devons utiliser le couleur propriété de CSS. Le nom de la couleur peut être donné dans n'importe quel format valide, tel que le nom de la couleur, la valeur rgb() ou la valeur HEX.
Voyons maintenant comment définir la couleur des liens à l'aide de quelques exemples.
Exemple
Par défaut, la couleur des liens normaux ou non visités est le bleu. Dans cet exemple, nous modifions la couleur du lien par défaut en utilisant le couleur propriété.
a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> Testez-le maintenant Sortir
Une fois le programme exécuté, nous obtiendrons l'écran suivant.
Au survol, le lien ressemblera à ceci :
Lorsque le lien est à l’état actif, la couleur du lien est rouge, comme indiqué ci-dessous.
