Maison > Article > interface Web > Comment définir le style de lien avec CSS
Comment définir le style de lien avec CSS
- (*-*)浩original
- 2019-11-30 14:13:254250parcourir
Nous pouvons styliser les liens de différentes manières.
Le style de définition du lien (Apprentissage recommandé : Tutoriel CSS d'entrée de gamme )
Par exemple 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.
Quatre états de liens :
a:link - lien ordinaire non visité
a:visited - utilisateur Lien visité
a:hover - le pointeur de la souris est au-dessus du lien
a:active - au moment où le lien a été cliqué
Instance<!DOCTYPE html>
<html>
<head>
<style>
a:link {color:#FF0000;} /* 未被访问的链接 */
a:visited {color:#00FF00;} /* 已被访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标指针移动到链接上 */
a:active {color:#0000FF;} /* 正在被点击的链接 */
</style>
</head>
<body>
<p><b><a href="/index.html" target="_blank">这是一个链接</a></b></p>
<p><b>注释：</b>为了使定义生效，a:hover 必须位于 a:link 和 a:visited 之后！！</p>
<p><b>注释：</b>为了使定义生效，a:active 必须位于 a:hover 之后！！</p>
</body>
</html>
a:hover doit venir après a:link et a:visited
a:active doit être après un: survol
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!