Comment spécifier la couleur d'arrière-plan d'un lien

Exemple d'analyse :

a:link {background-color:#B2FF99;} /* Lien non visité*/

a:visited {background-color:#FFFF85;} /* Lien visité* /

a:hover {background-color:#FF704D;} /* Lorsque la souris se déplace sur le lien*/

a:active {background-color:#FF704D;} /* Lorsque la souris est cliqué* /

Définissez différentes couleurs d'arrière-plan en utilisant l'attribut background-color dans différents états du lien.

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> a:link {background-color:#B2FF99;} /* 未访问链接 */ a:visited {background-color:#FFFF85;} /* 已访问链接 */ a:hover {background-color:#FF704D;} /* 鼠标移动到链接上 */ a:active {background-color:#FF704D;} /* 鼠标点击时 */ </style> </head> <body> <a href="#">这是一个链接</a> 注意: hover必须在:link和 a:visited之后定义才有效. 注意:active必须在hover之后定义是有效的. </body> </html>

soumettre Réinitialiser le code

Opération automatique

Comment spécifier la couleur d'arrière-plan d'un lien

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]