So entfernen Sie mit CSS die Unterstreichung eines Hyperlinks

Wir können die Form- und Farbänderungen von Hyperlinks mithilfe der CSS-Syntax steuern. Warum müssen Links durch Unterstreichungen und Farben unterschieden werden? Der Hauptgrund besteht hauptsächlich darin, 1. Menschen mit Sehschwäche und 2. Menschen mit Farbenblindheit zu berücksichtigen. . .

Unten erstellen wir einen Link wie diesen: Wenn der Link nicht angeklickt wird, wird der Hyperlinktext nicht unterstrichen und erscheint in Blau; wenn sich die Maus auf dem Link befindet, wird er unterstrichen und der Linktext erscheint in Rot ; wenn auf den Link geklickt wird, wird der Link nicht unterstrichen, grün angezeigt.

Die Implementierungsmethode ist sehr einfach. Fügen Sie die folgende CSS-Syntaxsteuerung zwischen hinzu : Link bezieht sich auf einen normalen Link, der nicht besucht wurde;

a:active bezieht sich auf den Link, auf den geklickt wird;

 <style type="text/css">
　　 <!--
　　 a:link { text-decoration: none;color: blue}
　　 a:active { text-decoration:blink}
　　 a:hover { text-decoration:underline;color: red} 
　　 a:visited { text-decoration: none;color: green}
　　 -－> 
　　 </style>

a:visited bezieht sich auf einen Link das besucht wurde;

Textdekoration bedeutet Textänderungseffekt;
Der Parameter „none“ gibt an, dass der Hyperlinktext nicht unterstrichen ist.
-- -------- ------------------------------------------ -------- ------------
Demonstration: Unterstreichungen von Links auf Webseiten entfernen



Fügen Sie den Code zwischen < head>

--------------------------------- --- ----------------------------------

Verwenden Sie CSS, um die gepunktete Linie des Links zu implementieren Unterstreichen Sie den normalen Unterstreichungseffekt

<style type="text/css"> 
<!-- 
A { text-decoration: none} 
--> 
</style>

Das obige ist der detaillierte Inhalt vonSo entfernen Sie mit CSS die Unterstreichung eines Hyperlinks. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!