Heim  >  Artikel  >  Web-Frontend  >  So entfernen Sie mit CSS die Unterstreichung eines Hyperlinks

So entfernen Sie mit CSS die Unterstreichung eines Hyperlinks

黄舟
黄舟Original
2017-07-22 13:58:552213Durchsuche

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

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

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn