Heim > Artikel > Web-Frontend > 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 96b13ec6df220bddb1054b7199e035c5 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 ef0c2772b76bfffb9337fc47aea795ed9c3bca370b5104690d9ef395f2c5f8d1
--------------------------------- --- ----------------------------------
<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!