Maison > Article > interface Web > Comment empêcher les hyperliens d'être soulignés en CSS
Comment empêcher les hyperliens d'être soulignés en CSS
- 藏色散人original
- 2021-01-28 11:14:526349parcourir
Comment rendre les hyperliens non soulignés en CSS : créez d'abord un exemple de fichier HTML ; puis ajoutez une balise a ; enfin ajoutez l'attribut "text-decoration:none;" à la balise a pour supprimer le soulignement du lien hypertexte. .
L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5&&CSS3, ordinateur DELL G3.
Recommandé : Tutoriel vidéo CSS
CSS pour éviter que les hyperliens soient soulignés ?
Pour supprimer les soulignements en CSS, vous pouvez définir l'attribut text-decoration de la balise a sur none.
Utilisez un cas pour illustrer :
1. Partie de code
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>document</title>
</head>
<body>
<a href="#">我要去除超链接下划线</a>
</body>
</html>2 L'effet du code ci-dessus affiché dans le navigateur est souligné, et nous ferons ce qui suit. opérations Supprimer le soulignement
Ajouter la balise de style et écrire le code suivant :
<style>
a{
text-decoration: none;
}
</style>Ouvrez à nouveau le navigateur et le soulignement de la balise a sera supprimé.
text-decoration signifie effet de décoration de texte :
● Le paramètre none indique que le texte du lien hypertexte ne sera pas souligné
● Le paramètre underline indique que le texte du lien hypertexte ne sera pas souligné ; être souligné
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!