Liens HTML - Différentes couleurs
Un lien HTML est affiché dans une couleur différente selon qu'il a été visité, qu'il n'est pas visité ou qu'il est actif.
Couleurs des liens HTML
Par défaut, un lien apparaîtra 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 modifier les couleurs de l'état 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 passez la souris sur un lien (a:hover), il devient 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>
Boutons de lien
Un lien peut également être stylisé comme un bouton, en utilisant CSS :
Ceci est un lienExemple
<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>
Pour en savoir plus sur CSS, rendez-vous sur notre Tutoriel CSS .
Balises de lien HTML
| Tag | Description |
|---|---|
| <a> | Defines a hyperlink |
Pour une liste complète de toutes les balises HTML disponibles, consultez notre Référence des balises HTML .