So legen Sie den Linkstil mit CSS fest-CSS-Tutorial-php.cn

So legen Sie den Linkstil mit CSS fest

(*-*)浩

Freigeben： 2019-11-30 14:13:25

Original

4239 Leute haben es durchsucht

So legen Sie den Linkstil mit CSS fest

Wir können Links auf unterschiedliche Weise gestalten.

Der Stil des Setzens des Links (Empfohlenes Lernen: CSS-Einsteiger-Tutorial )

Zum Beispiel Farbe, Schriftfamilie, Hintergrund, usw.).

Das Besondere an Links ist die Möglichkeit, sie je nach Status zu formatieren.

Vier Zustände von Links:

a:link – gewöhnlicher, nicht besuchter Link

a:visited – vom Benutzer besuchter Link

a:hover – der Mauszeiger befindet sich über dem Link

a:active – in dem Moment, in dem auf den Link geklickt wurde

Instanz

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

Nach dem Login kopieren

Befolgen Sie bei der Gestaltung der verschiedenen Status eines Links die folgenden Reihenfolgeregeln:

a:hover muss nach a:link kommen und a:visited

a:active muss sein nach einem:hover

Das obige ist der detaillierte Inhalt vonSo legen Sie den Linkstil mit CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!