Explication graphique détaillée sur la façon de supprimer le soulignement des hyperliens HTML-tutoriel CSS-php.cn

Explication graphique détaillée sur la façon de supprimer le soulignement des hyperliens HTML

yulia

Libérer： 2018-09-19 17:48:59

original

9581 Les gens l'ont consulté

Dans la mise en page, la balise a est souvent utilisée. Tout le monde sait que la balise a est soulignée par défaut et a des couleurs différentes. Parfois pour la beauté de la page, il est nécessaire de supprimer le soulignement de certains hyperliens ou de modifier le soulignement. couleur des hyperliens, savez-vous comment obtenir cet effet ? Cet article vous expliquera comment supprimer le soulignement des hyperliens HTML. Les amis qui ne sont pas au courant peuvent s'y référer, j'espère que cela vous sera utile.

Prenons d'abord un exemple : Lorsque ce lien hypertexte n'est pas cliqué, le texte du lien hypertexte n'est pas souligné et apparaît en bleu lorsque la souris passe sur le lien, il est souligné et le lien ; le texte apparaît en rouge ; lorsque Après avoir cliqué sur le lien, le lien n'est pas souligné et apparaît en vert. La méthode d'implémentation est très simple. Ajoutez le code CSS suivant entre

et :

<style type="text/css">
	a:link { text-decoration: none;color: blue} 
	a:active { text-decoration:blink} 
	a:hover { text-decoration:underline;color: red} 
	a:visited { text-decoration: none;color: green} 
</style>

Copier après la connexion

où :

　a:link fait référence au Visité normal inutilisé. liens ;

a:actif fait référence au lien sur lequel vous avez cliqué ;

a:survol fait référence à la souris sur le lien

a:visité fait référence au lien qui a été visité ;

Décoration de texte signifie effet de modification du texte

Le paramètre none indique que le texte de l'hyperlien ne sera pas souligné

Le paramètre de soulignement indique que le texte de l'hyperlien ; sera souligné

Rendu du passage de la souris sur :

Explication graphique détaillée sur la façon de supprimer le soulignement des hyperliens HTML

Comment supprimer le soulignement d'un lien hypertexte

Il suffit d'utiliser un {text-decoration:none;} pour définir l'étiquette du lien hypertexte pour supprimer les soulignements par défaut. Le code est le suivant :

<style type="text/css">
	a{text-decoration: none;color: red;}
</style>
<body>
	生活不止眼前的苟且，<a href="#">还有诗和远方的田野</a>
</body>

Copier après la connexion

L'effet de ne pas supprimer le soulignement :

Explication graphique détaillée sur la façon de supprimer le soulignement des hyperliens HTML

L'effet de supprimer le soulignement et de définir la couleur sur rouge :

Explication graphique détaillée sur la façon de supprimer le soulignement des hyperliens HTML

Résumé : Supprimer le soulignement d'un lien hypertexte HTML est très simple, il suffit d'y ajouter l'attribut text-decoration:none. Quant aux autres attributs de décoration de texte, je n’en présenterai pas grand-chose ici. Les amis qui en ont besoin peuvent se rendre sur le site Web pour voir comment les utiliser.

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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Explication graphique détaillée sur la façon de supprimer le soulignement des hyperliens HTML