Comment définir le style de lien avec CSS-tutoriel CSS-php.cn

Comment définir le style de lien avec CSS

(*-*)浩

Libérer： 2019-11-30 14:13:25

original

4239 Les gens l'ont consulté

Comment définir le style de lien avec CSS

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>

Copier après la connexion

Lorsque vous stylisez les différents états d'un lien, suivez ces règles d'ordre :

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!