Maison  >  Article  >  interface Web  >  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

藏色散人
藏色散人original
2020-12-24 09:28:123094parcourir

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>

Le code HTML est le suivant :

c60d0098e2af3bc4a416224b3165943fphp Site Web chinois4a11e5928b3688cf38c9163b657eb5ac

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:
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