Liens CSS (Liens)

Les liens ou les hyperliens sont des connexions entre une page de ressource Web et une autre page de ressource Web.

Styles CSS des liens

Les liens ont quatre états différents- link, visited, active et hover. Ces quatre états des liens ou des hyperliens peuvent être utilisés avec les éléments d'ancre pourPseudo-classesDéfinir différents styles via les propriétés CSS, en fonction de leur état.

C'est ce qui est utilisé dans HTML <a>Marquer les pseudo-classes CSS associées, qui peuvent être utilisées pour définir des styles différents pour les états différents des hyperliens.

• a：link —Définir le style pour les liens normaux ou non visités sans pointeur de souris.

• a：visited-Définir le style du lien visité mais sans pointeur de souris.

• a：hover —Définir le style du lien lorsque l'utilisateur place le pointeur de souris sur le lien.

• a：active-Définir le style du lien cliqué.

Vous pouvez spécifier les propriétés CSS que vous souhaitez, par exemple :color,font-family,backgroundetc., avec cesSélectionRedéfinir le style des liens, comme vous le feriez pour du texte ordinaire.

a:link　{　　　　/*　lien non visité　　　*/
　　　　color: #FF0000;
　　　　text-decoration: none;
}
a:visited　{　　　　/*　lien visité　*/
　　　　color: #00FF00;
}
a:hover　{　　　　/*　le curseur de la souris est sur le lien　*/
　　　　color: #FF00FF;
　　　　text-decoration: underline;
}
a:active　{　　　　/*　lien cliqué en ce moment　　*/
　　　　color: #0000FF;
}

L'ordre d'application des styles pour plusieurs états de liens est important car la priorité est donnée à la dernière définition par rapport au code CSS précédent.

Style de lien standard

Dans tous les navigateurs Web populaires, si le style n'est pas spécifiquement défini, les liens sur les pages web sont soulignés et utilisent la couleur par défaut des liens du navigateur.

Par exemple, la couleur par défaut des liens pour les navigateurs Web basés sur Gecko (comme Firefox) est- bleureprésente le lien non visité,violetreprésente le lien visité,rougereprésente le lien cliqué en ce moment.

Définir la couleur des liens

Voici des exemples de comment définir la couleur des liens.

a:link　{　　　　/*　lien non visité　　*/
　　　　color: #FF0000;
}
a:visited　{　　　　/*lien visité　*/
　　　　color: #00FF00;
}
a:hover　{　　　　/*　le curseur de la souris est sur le lien　*/
　　　　color: #FF00FF;
}
a:active　{　　　　/*　lien cliqué en ce moment　*/
　　　　color: #0000FF;
}

Supprimer le trait de soulignement par défaut des liens

text-decoration Les propriétés CSS sont généralement utilisées pour supprimer les traits de soulignement par défaut des liens.-propriétés des différents états des liens hypertextes.

a:link　{　　　　/*　lien non visité　*/
　　　　color: #FF0000;
　　　　text-decoration: none;
}
a:visited　{　　　　/*　lien visité　*/
　　　　color: #00FF00;
　　　　text-decoration: none;
}
a:hover　{　　　　/*　le curseur de la souris est sur le lien　*/
　　　　color: #FF00FF;
　　　　text-decoration: underline;
}
a:active　{　　　　/*　lien cliqué en ce moment　*/
　　　　color: #0000FF;
　　　　text-decoration: underline;
}