Was bedeutet Link in CSS?

Link in CSS bezieht sich auf CSS-Links, und der Linkstil kann jedes beliebige CSS-Attribut verwenden, nämlich: 1. „a:link“; 3. „a:hover“; 4. „a:aktiv“.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3, dieser Artikel gilt für alle Computermarken.

CSS-Links

Verschiedene Links können unterschiedliche Stile haben.

Link-Stil

Der Link-Stil kann beliebige CSS-Eigenschaften (wie Farbe, Schriftart, Hintergrund usw.) verwenden.

Spezielle Links können je nach Status unterschiedliche Stile haben.

Die vier Linkstatus sind:

a:link – normaler, nicht besuchter Link

a:visited – ein Link, den der Benutzer besucht hat

a:hover – wenn der Benutzer mit der Maus über den Link fährt

a:aktiv – in dem Moment, in dem auf den Link geklickt wird gefolgt von einem:hover

Gemeinsame Link-Stile

Anhand des Beispiels der Farbänderung des Links oben sehen Sie, in welchem ​​Zustand er sich befindet.

Lassen Sie uns mit der Verknüpfungsgestaltung mit einigen anderen gängigen Methoden fortfahren:

Textdekoration

Das Textdekorationsattribut wird hauptsächlich zum Entfernen von Unterstreichungen in Links verwendet:

Beispiel

a:link {color:#000000;}      /* 未访问链接*/
a:visited {color:#00FF00;}  /* 已访问链接 */
a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */
a:active {color:#0000FF;}  /* 鼠标点击时 */

Hintergrundfarbe

Die Hintergrundfarbe Das Attribut gibt die Hintergrundfarbe des Links an:

Beispiel

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

Das obige ist der detaillierte Inhalt vonWas bedeutet Link in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!