Comment supprimer le soulignement d'un lien hypertexte en CSS-tutoriel HTML-php.cn

Comment supprimer le soulignement d'un lien hypertexte en CSS

php中世界最好的语言

Libérer： 2017-11-20 16:07:29

original

8863 Les gens l'ont consulté

Il est inévitable qu'il y ait plusieurs paires de texte A hyperlien texte d'ancrage dans une page Web, mais par défaut tout le texte avec des liens a des effets de soulignement, alors comment mettre cela Comment supprimer l’effet souligné des liens hypertextes ? Ensuite, nous devons utiliser du CSS puissant.

Pour faire disparaître le soulignement par défaut dans le texte de la police avec le texte d'ancrage du lien hypertexte via les paramètres CSS, nous avons besoin du mot de style CSS text-decoration pour supprimer le soulignement.

Le code CSS spécifique pour supprimer le soulignement du lien par défaut dans toute la page Web afin d'obtenir l'absence de soulignement est le suivant :

a{text-decoration: none}

Le code CSS ci-dessus peut annuler la suppression du soulignement.

Extension des connaissances CSS DIV, le lien par défaut n'a pas d'effet de soulignement, lorsque la souris est déplacée sur le texte correspondant et que la police du texte correspondante est soulignée, le code de style CSS :

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

Copier après la connexion

Cela fera que la page Web. Le soulignement dans le texte du lien disparaît par défaut, mais l'effet de style de soulignement n'apparaît que lorsque la souris est déplacée sur le texte d'ancrage et survolée.

Ce qui suit est que par défaut, le texte du lien n'est pas souligné et un soulignement CSS apparaît lorsque la souris survole la police du texte d'ancrage.

Code source HTML complet de l'exemple :

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>无下划线实现 DIVCSS5</title> 
<style> 
a{ text-decoration:none} 
a:hover{ text-decoration:underline} 
</style> 
</head> 
<body> 
欢饮来到<a href="http://www.php.cn">www.php.cn</a>关于默认链接无下划线实例 
</body> 
</html>

Copier après la connexion

Lecture connexe :

Explication détaillée de l'implémentation js du déclenchement automatique des hyperliens lors du chargement de la page

Comment utiliser jQuery pour modifier dynamiquement les hyperliens

Un résumé des exemples d'utilisation du lien hypertexte a en html

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!