Comment changer la couleur de la police du lien hypertexte HTML ? Résumé des méthodes pour modifier la couleur de la police des liens hypertexte-tutoriel HTML-php.cn

Comment changer la couleur de la police du lien hypertexte HTML ? Résumé des méthodes pour modifier la couleur de la police des liens hypertexte

寻∝梦

Libérer： 2018-09-03 17:28:08

original

47871 Les gens l'ont consulté

Cet article parle principalement d'une méthode pour changer la couleur de la police du texte du lien hypertexte HTML. Une méthode consiste à modifier le texte d'une balise a pure, et l'autre consiste à mettre la balise a dans une balise div pour modifier le CSS. style. Voyons maintenant le contenu de l'article

Tout d'abord, commençons par un exemple pour changer la couleur de la police d'un lien hypertexte :

Ce que nous voulons à faire est lorsqu'on ne clique pas Le texte du lien hypertexte n'est pas souligné et apparaît en gris ; lorsque la souris est sur le lien, il est souligné et le texte du lien apparaît en rouge lorsque le lien est cliqué, le lien n'est pas souligné et ; apparaît en jaune.

Jetons un coup d'œil au code expérimental complet :

<html> 
<head> 
<title>PHP中文网：取消下划线实例</title> 
<style> 
a:link{text-decoration: none;color: gray}
a:active{text-decoration:blink}
a:hover{text-decoration:underline;color: red}
a:visited{text-decoration: none;color: yellow}
</style> 
</head> 
<body> 
欢迎来到<a href="m.sbmmt.com">php中文网</a>
</body> 
</html>

Copier après la connexion

Il existe trois rendus :

Comment changer la couleur de la police du lien hypertexte HTML ? Résumé des méthodes pour modifier la couleur de la police des liens hypertexte

Ceci semble n'avoir pas été cliqué, n'est pas souligné et s'affiche en gris.

Comment changer la couleur de la police du lien hypertexte HTML ? Résumé des méthodes pour modifier la couleur de la police des liens hypertexte

C'est le style lorsque la souris est déplacée vers le haut. Il est souligné et affiché en rouge.

Comment changer la couleur de la police du lien hypertexte HTML ? Résumé des méthodes pour modifier la couleur de la police des liens hypertexte

C'est le style après avoir cliqué, sans soulignement, et affiché sous forme de texte jaune.

Ce qui précède sont les résultats expérimentaux du code ci-dessus. Ceci termine la tâche tout à l'heure, ce qui nous permet de comprendre plus facilement le code ci-dessus.

Comprenons maintenant la signification spécifique du code ci-dessus :

a:link fait référence à un lien normal non visité
<🎜 ; >
a:active fait référence au lien sur lequel vous cliquez
a:hover fait référence à la souris sur le lien

Maintenant, il y a un autre exemple, c'est-à-dire que le lien hypertexte est dans la balise div

Nous voulons changer la couleur du texte du lien hypertexte dans la balise div. Jetons un coup d'œil au code d'explication :

1. Code CSS :

a{ color:#00F}
a:hover{ color:#F00}/* 鼠标经过悬停字体颜色 */
/* css 注释说明：以上代码为设置html中超链接统一字体颜色 */
.div a{ color:#090}
.div a:hover{ color:#090}
/* css注释说明：以上代码为设置html中.div对象内超链接字体颜色

Copier après la connexion

2.code html :

L'effet de ce code est le suivant :

<p>测试内容我是统一设置的颜色蓝色<a href="//m.sbmmt.com">php中文网</a></p>
<div class="div">我在div对象内，超链接颜色为<a href="#">我是超链接绿色</a></div>

Copier après la connexion

Comment changer la couleur de la police du lien hypertexte HTML ? Résumé des méthodes pour modifier la couleur de la police des liens hypertexte Le texte supérieur est programmé pour être bleu, et le texte inférieur devient vert . L'effet est évident.