Maison interface Web tutoriel CSS Comment changer la couleur d'un lien hypertexte avec CSS

Comment changer la couleur d'un lien hypertexte avec CSS

Nov 26, 2020 pm 05:09 PM
css 超链接 颜色

Méthode CSS pour changer la couleur d'un hyperlien : [a:link{color:#000000;}], a:link signifie que l'hyperlien n'a pas été visité. Si vous souhaitez définir la couleur d'un lien hypertexte après avoir cliqué dessus, vous pouvez utiliser la méthode [a:visited {color:#00FF00;}].

Comment changer la couleur d'un lien hypertexte avec CSS

Environnement :

Cet article s'applique à toutes les marques d'ordinateurs.

(Partage vidéo d'apprentissage : tutoriel vidéo CSS)

Comment définir des hyperliens en CSS :

  • a:link : C'est un style non visité. Vous pouvez y ajouter beaucoup de choses. Par exemple, des fonctions telles que la suppression des soulignements et la modification des couleurs peuvent être implémentées ici

  • a:visited: après ; a été cliqué sur le style, vous pouvez également y ajouter de nombreux éléments, et vous pouvez souligner, changer les couleurs, zoomer et d'autres fonctions

  • a:hover : Il s'agit du survol de la souris ; style. Ceci sera disponible plus tard. Exemple d'introduction, comprenons d'abord que vous pouvez définir la couleur pour qu'elle change lorsque la souris est garée à la position du lien hypertexte ; On dit qu'il s'agit d'un style activé. Pour faire simple, lorsque vous cliquez sur la souris, le style apparaîtra instantanément. Ce style est disponible sur de nombreux sites Web

  • Utilisez la méthode suivante. pour modifier la couleur du lien hypertexte :

    a:link{color:#000000;}      /* 未访问链接*/
    a:visited {color:#00FF00;}  /* 已访问链接 */
    a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */
    a:active {color:#0000FF;}  /* 鼠标点击时 */
    Copier après la connexion
  • Recommandations associées :
Tutoriel CSS

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!

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

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Que signifie l'espace réservé en vue Que signifie l'espace réservé en vue May 07, 2024 am 09:57 AM

Que signifie l'espace réservé en vue

Comment écrire des espaces dans vue Comment écrire des espaces dans vue Apr 30, 2024 am 05:42 AM

Comment écrire des espaces dans vue

Comment avoir dom en vue Comment avoir dom en vue Apr 30, 2024 am 05:36 AM

Comment avoir dom en vue

Que signifie span en js Que signifie span en js May 06, 2024 am 11:42 AM

Que signifie span en js

Que signifie rem en js Que signifie rem en js May 06, 2024 am 11:30 AM

Que signifie rem en js

Nouvelle mémoire de la série X100 de Vivo, exposition des couleurs : toutes les séries commencent à 12+256 Go Nouvelle mémoire de la série X100 de Vivo, exposition des couleurs : toutes les séries commencent à 12+256 Go May 06, 2024 pm 03:58 PM

Nouvelle mémoire de la série X100 de Vivo, exposition des couleurs : toutes les séries commencent à 12+256 Go

Comment introduire des images dans vue Comment introduire des images dans vue May 02, 2024 pm 10:48 PM

Comment introduire des images dans vue

Quelle est la fonction de la balise span Quelle est la fonction de la balise span Apr 30, 2024 pm 01:54 PM

Quelle est la fonction de la balise span

See all articles