22 Voix

CSS: Souligner les Liens uniquement lorsque le Curseur est au-dessus d'eux

Question de Invité | 21/11/2023 à 17:58

Récemment, j'ai visité un site Web sur lequel le soulignement des liens n'était affiché que lorsque le curseur de la souris était passé dessus. Sinon, les liens étaient conçus comme du texte normal.

J'aime ce style et j'aimerais appliquer un effet similaire à mon propre site Web. Est-ce que quelqu'un sait comment coder cela via CSS ou JavaScript ?

RépondrePositifNégatif
2Meilleure Réponse2 Voix

Ajoutez simplement les lignes suivantes à votre fichier CSS ou aux définitions CSS de votre page:

a {text-decoration:none;}
a:hover {text-decoration:underline;}

Avec ça, les liens ne seront soulignés que lors du survol de la souris (mouse over).

Explication: En HTML, les liens portent la notation "a". Avec "text-decoration: none", on désactive le soulignement de l'élément "a", afin que les liens ne soient plus affichés soulignés.

Le sélecteur ":hover" représente le survol de la souris (déplacer la souris sur un élément). Ici, nous définissons l'élément "a" sur "underline". Cela définit la propriété "text-decoration" sur "underline" lors du déplacement avec la souris et "none" sinon.

Important: Dans ce contexte, il convient de mentionner qu'un utilisateur d'une page Internet doit être capable de reconnaître simplement où il y a un lien et où il n'y en a pas. C'est pourquoi, s'il n'y a pas de signe de soulignement, vous devez signer vos liens d'une autre manière (par exemple par couleur) afin que vos visiteurs puissent s'orienter sur votre page d'accueil.
21/11/2023 à 21:03

RépondrePositif Négatif
Répondre

Sujets Connexes

CSS: Comment inclure CSS dans HTML

Tutoriel | 0 Commentaires

MySQL: Sauts de Ligne dans MySQL

Conseil | 0 Commentaires

La Recherche Askingbox

Info | 0 Commentaires

VirtualBox: Changer la Date et l'Heure

Tutoriel | 10 Commentaires

Avis Important

Veuillez noter: Les contributions publiées sur askingbox.com sont des contributions d’utilisateurs et ne doivent pas remplacer les conseils d’un professionnel. Ils ne sont pas vérifiés par des indépendants et ne reflètent pas nécessairement l’opinion de askingbox.com. Apprendre encore plus.

Participer

Posez votre propre question ou écrivez votre propre article sur askingbox.com. Voici comment.