HTML Liens - Différentes Couleurs

Un lien HTML s'affiche dans une couleur différente selon qu'il a été visité, est non visité ou est actif.

Couleurs des Liens HTML

Par défaut, un lien apparaît comme ceci (dans tous les navigateurs) :

  • Un lien non visité est souligné et bleu
  • Un lien visité est souligné et violet
  • Un lien actif est souligné et rouge

Vous pouvez changer les couleurs des états des liens en utilisant CSS :

Exemple

Ici, un lien non visité sera vert sans soulignement. Un lien visité sera rose sans soulignement. Un lien actif sera jaune et souligné. De plus, lorsque vous survolez un lien (a:hover), il deviendra rouge et souligné :

<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}

a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}

a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}

a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
Essayez-le Vous-Même »

Boutons de Lien

Un lien peut également être stylisé comme un bouton en utilisant CSS :

Ceci est un lien

Exemple

<style>
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 15px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}

a:hover, a:active {
background-color: red;
}
</style>
Essayez-le Vous-Même »

Pour en savoir plus sur CSS, consultez notre Tutoriel CSS .

Balises de Lien HTML

Balise Description
<a> Définit un hyperlien

Pour une liste complète de toutes les balises HTML disponibles, visitez notre Référence des Balises HTML .