HTML Liens - Différentes couleurs
Un lien HTML s'affiche dans une couleur différente selon qu'il a été visité, non visité ou 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 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>
Try it Yourself »
Boutons de lien
Un lien peut également être transformé en bouton, en utilisant CSS :
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>
Try it Yourself »
Pour en savoir plus sur CSS, rendez-vous sur notre Tutoriel CSS.
HTML Balises de lien
| Balise | Description |
|---|---|
| <a> | Définit un lien hypertexte |
Pour une liste complète de toutes les balises HTML disponibles, visitez notre Référence des balises HTML.
