Maison > Article > interface Web > Comment supprimer le soulignement du lien hypertexte CSS
Comment supprimer le soulignement du lien hypertexte CSS
- 醉折花枝作酒筹original
- 2021-04-21 14:00:0628004parcourir
En CSS, vous pouvez utiliser l'attribut text-decoration pour supprimer le soulignement d'un lien hypertexte. Il vous suffit de définir le style "text-decoration:none" sur la balise a. L'attribut text-decoration spécifie la décoration ajoutée au texte. Lorsque la valeur est none, cela signifie aucune décoration de texte.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
Nous savons que CSS n'est généralement pas initialisé et que le texte avec des hyperliens dans la page Web sera souligné. Si nous voulons supprimer le soulignement, comment devons-nous le configurer ? Ensuite, divcss5 vous présentera comment supprimer le style de soulignement d'un lien hypertexte HTML.
1. Supprimer le style CSS souligné
Faisons connaissance avec les mots d'attribut CSS suivants. Nous souhaitons supprimer le soulignement d'un texte d'ancrage de lien hypertexte et nous utiliserons les mots de style CSS suivants :
paramètre de décoration de texte Mot de style de soulignement
supprime le style de soulignement d'un lien hypertexte. Nous pouvons définir la valeur de décoration de texte CSS sur "aucun".
Supprimez le code de style de soulignement d'un lien comme suit :
a{text-decoration:none>
2. Cas de suppression du soulignement du texte d'ancrage
Ensuite, nous présenterons le cas. de supprimer super via le style de soulignement CSS Link.
Code HTML
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>document</title> </head> <body> 想要带你去浪漫的<a href="https://baike.baidu.com/item/%E5%9C%9F%E8%80%B3%E5%85%B6/198448?fr=aladdin">土耳其</a>！ </body> </html>
Capture d'écran
avant de supprimer le soulignement
Utiliser CSS pour supprimer le soulignement du lien hypertexte
extrait de code CSS
a{
text-decoration:none
}
Apprentissage recommandé : tutoriel vidéo CSS
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!