CSS Liens

Les liens peuvent être de style de différentes manières.

---

Liens coiffants

Les liens peuvent être de style avec n'importe quelle propriété CSS (par exemple la couleur, font-family, fond, etc.)

Spécial pour les liens qu'ils sont peut être un style différent en fonction de l'état dans lequel ils sont po

Les quatre états de liens sont les suivants:

• a: link - une vie normale, lien non visité
• a: visited - un lien que l'utilisateur a visité
• a: hover - un lien lorsque l'utilisateur passe la souris dessus
• a: active - un lien du moment où il est cliqué

Exemple

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

Essayez vous-même »

Lorsque la définition du style pour les Etats lien plusieurs, il ya quelques règles d'ordre:

• a: hover doit venir après a: link et a: visited
• a: active doit venir après a: hover

---

Styles lien commun

Dans l'exemple ci-dessus le lien change de couleur en fonction de l'état dans lequel il est po

Permet de passer par quelques-uns des moyens autres communes à des liens de style:

Décoration du texte

La propriété text-decoration est surtout utilisé pour supprimer le soulignement des liens:

Exemple

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

Essayez vous-même »

Couleur de fond

La propriété background-color spécifie la couleur de fond pour les liens:

Exemple

a:link {background-color:#B2FF99;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}

Essayez vous-même »

---

Exemples

Ajouter des styles différents à des hyperliens
Cet exemple montre comment ajouter d'autres styles à des hyperliens.

Avancée - Créer des boîtes de liaison
Cet exemple montre un exemple plus avancé, où nous combinons plusieurs propriétés CSS pour afficher des liens sous forme de cases.