Heim > Artikel > Web-Frontend > So legen Sie den Linkstil mit CSS fest
So legen Sie den Linkstil mit CSS fest
- (*-*)浩Original
- 2019-11-30 14:13:254265Durchsuche
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>
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!