Style de lien en CSS
Page 12 | Écouter en audio
Le style de lien CSS est l'un des principaux moyens d'améliorer la convivialité et la navigation sur un site Web. Lorsqu'un utilisateur clique sur un lien, il s'attend à ce que le lien soit différent des autres éléments de la page pour indiquer qu'il est cliquable. Ensuite, explorons les différentes façons de styliser les liens en CSS. Pour commencer, nous pouvons changer la couleur du lien. Ceci est fait en utilisant la propriété "color" et en définissant une couleur différente de la couleur du texte par défaut. Par exemple, si nous voulons que les liens aient une couleur bleue, nous pouvons utiliser le code CSS suivant : ```html ``` De plus, nous pouvons ajouter un trait de soulignement au lien pour indiquer qu'il peut être cliqué. Ceci est fait en utilisant la propriété "text-decoration" et en définissant la valeur sur "underline". Par exemple: ```html ``` Nous pouvons également supprimer le soulignement du lien si nous voulons qu'il ait une apparence plus discrète. Pour ce faire, définissez simplement la valeur "none" sur la propriété "text-decoration". Par exemple: ```html ``` Une autre façon de styliser les liens consiste à changer la couleur du lien lorsque l'utilisateur le survole. Ceci est fait en utilisant les pseudo-classes ":hover" et ":visited". La pseudo-classe ":hover" est déclenchée lorsque l'utilisateur survole le lien, tandis que la pseudo-classe ":visited" est déclenchée lorsque le lien a déjà été visité par l'utilisateur. Par exemple: ```html ``` Enfin, nous pouvons modifier l'apparence du lien lorsque l'utilisateur clique dessus. Ceci est fait en utilisant la pseudo-classe ":active". Par exemple: ```html ``` En bref, le style de lien CSS est l'un des moyens les plus simples et les plus efficaces d'améliorer la convivialité et la navigation sur un site Web. Avec les différentes propriétés et pseudo-classes disponibles, il est possible de personnaliser l'apparence des liens en fonction des besoins du projet.
Répondez maintenant à l’exercice sur le contenu :
_Quelle propriété en CSS est utilisée pour changer la couleur du lien ?
Tu as raison! Félicitations, passez maintenant à la page suivante
Vous avez raté! Essayer à nouveau.
Page suivante de lebook gratuit :
13Styler les listes en CSS
2 minutes
Obtenez votre certificat pour ce cours gratuitement ! en téléchargeant lapplication Cursa et en lisant lebook qui sy trouve. Disponible sur Google Play ou App Store !
