Maison > interface Web > tutoriel CSS > Comment définir la couleur d'arrière-plan du lien hypertexte CSS

Comment définir la couleur d'arrière-plan du lien hypertexte CSS

藏色散人
Libérer: 2023-01-04 09:37:54
original
3194 Les gens l'ont consulté

Comment définir la couleur d'arrière-plan du lien hypertexte CSS : créez d'abord un exemple de fichier HTML ; puis ajoutez l'attribut de style CSS au lien hypertexte comme "a:link {color:#FF0000;}a:visited {color: # 00FF00;}" pour définir la couleur d'arrière-plan.

Comment définir la couleur d'arrière-plan du lien hypertexte CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Recommandé : "Tutoriel vidéo CSS"

Il existe de nombreuses propriétés CSS qui peuvent définir des styles de lien (tels que la couleur, la famille de polices, l'arrière-plan, etc.). La particularité des liens est la possibilité de les styliser en fonction de l'état dans lequel ils se trouvent.

Il y a 4 attributs uniques de la balise a en CSS :

1.a:link (après avoir ajouté le style, cela signifie : le style lorsqu'un certain lien hypertexte n'est pas visité)

2 .a:visited (Après avoir ajouté le style, cela signifie : le style du lien hypertexte qui rafraîchit l'interface après avoir été visité)

3.a:hover (Après avoir ajouté le style, cela signifie : le style de l'hyperlien au survol de la souris)

4.a:actif (après avoir ajouté le style, cela signifie : le style de l'hyperlien au moment du clic de souris)

Nous peut utiliser ces 4 attributs pour définir la couleur d’arrière-plan du lien hypertexte. Il est à noter que ces quatre expressions peuvent ne pas être écrites intégralement lors de la description, mais l'ordre ne doit pas être inversé.

le style CSS est le suivant :

<style>
a:link {color:#FF0000;}/* 未被访问的链接 */
a:visited {color:#00FF00;}/* 已被访问的链接 */
a:hover {color:#FF00FF;}/* 鼠标指针移动到链接上 */
a:active {color:#0000FF;}/* 正在被点击的链接 */
</style>
Copier après la connexion

Le code HTML est le suivant :

php Site Web chinois

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal