Heim > Artikel > Web-Frontend > Wie entferne ich die Unterstreichung aus einem HTML-Hyperlink? Hier finden Sie alle Möglichkeiten, die Unterstreichung aus dem a-Tag zu entfernen
Wie entferne ich die Unterstreichung aus einem HTML-Hyperlink? Hier finden Sie alle Möglichkeiten, die Unterstreichung aus dem a-Tag zu entfernen
- 寻∝梦Original
- 2018-09-03 17:25:5680757Durchsuche
In diesem Artikel erfahren Sie, wie Sie die Unterstreichung von HTML-Hyperlinks schnell entfernen. Schauen wir uns diesen Artikel schließlich gemeinsam an
Zunächst verwenden wir den Grundstil von CSS, um die einfachste Methode zum Entfernen von Unterstreichungen durchzuführen:
HTML ein Hyperlink-Tag, einige Browser zeigen standardmäßig Unterstreichungen an, und einige gibt es Keine Unterstreichung. Die meisten Schriftarten im A-Tag des Ankertext-Hyperlinks sind unterstrichen. Wie entferne ich die Unterstreichung aus einem HTML-Hyperlink?
Das Entfernen der Unterstreichung des Hyperlink-Ankertexts erfordert CSS-Stilattribute:
text-decoration
Meistens wissen wir: text-decoration :underline Ja, Unterstreichung wird angezeigt.
Der Code zum Entfernen der Unterstreichung eines Tag-Hyperlinks in HTML:
text-decoration:none
a{text-decoration:none}Damit kann der Unterstreichungseffekt von Hyperlinks auf Webseiten entfernt werden. Wenn Sie nur diesen CSS-Code festlegen, wird die Unterstreichung nicht entfernt, wenn Sie mit der Maus über den Hyperlink fahren, und die Unterstreichung wird nicht angezeigt.
Um Kompatibilitätsprobleme zu vermeiden, benötigen Sie den folgenden CSS-Code, wenn Sie möchten, dass der Hyperlink nicht unterstrichen wird, wenn Sie mit der Maus darüber fahren und klicken:
a:hover{text-decoration:none}Bewegen Sie die Maus über den Hyperlink Die Unterstreichung wird nicht angezeigt.
Vollständiger HTML-Code zum Entfernen von Hyperlink-Unterstreichungen – HTML-Code zum Entfernen von Hyperlink-Unterstreichungen:
a{ text-decoration:none}
a:hover{ text-decoration:none}Sehen Sie sich ein vollständiges Codebeispiel an:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8" />
<title>PHP中文网：取消下划线实例</title>
<style>
a{text-decoration:none}
a:hover{text-decoration:none}
</style>
</head>
<body>
欢迎来到<a href=“www.php.cn”>php中文网</a>
</body>
</html>Lassen Sie uns zusammenarbeiten Schauen Sie sich die Darstellung davon im Browser an:
Ist das obige Bild sehr klar? Früher gab es auf der chinesischen PHP-Website eine Unterstreichung, aber jetzt ist sie verschwunden . , ist das nicht viel bequemer?
Es gibt auch den folgenden Code zu Unterstreichungen, den Sie möglicherweise benötigen:
1.html-Hyperlinks zeigen standardmäßig Unterstreichungen an, und die Unterstreichungen verschwinden, wenn Sie mit der Maus darüber fahren
a{ text-decoration:underline}
a:hover{ text-decoration:none} 2.html entfernt standardmäßig die Unterstreichung und die Maus bewegt sich, um die Unterstreichung anzuzeigen
a{ text-decoration:none}
a:hover{ text-decoration:underline}Das Obige ist die Methode zum Aufheben der Unterstreichung des HTML-Hyperlinks in diesem Artikel , und es gibt einige verwandte Codes, ich denke, Sie können sie verwenden. Verstanden, wenn Sie Fragen haben, stellen Sie diese bitte unten.
[Empfehlung des Herausgebers]
Wie schreibe ich HTML-Leerzeichencode? Zusammenfassung, wie HTML-Leerzeichencodes ausgedrückt werden
Ist das HTML-Tbody-Tag ein Element auf Blockebene? Grundlegende Verwendung des HTML-Tbody-Tags
Das obige ist der detaillierte Inhalt vonWie entferne ich die Unterstreichung aus einem HTML-Hyperlink? Hier finden Sie alle Möglichkeiten, die Unterstreichung aus dem a-Tag zu entfernen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!