Maison > interface Web > tutoriel CSS > Comment empêcher les hyperliens d'être soulignés en CSS

Comment empêcher les hyperliens d'être soulignés en CSS

藏色散人
Libérer: 2022-12-30 11:12:53
original
6375 Les gens l'ont consulté

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. .

Comment empêcher les hyperliens d'être soulignés en CSS

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>
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal