Maison > interface Web > tutoriel CSS > le corps du texte

Comment changer la couleur d'un lien hypertexte avec CSS

王林
Libérer: 2020-11-26 17:09:55
original
5736 Les gens l'ont consulté

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!

Étiquettes associées:
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