Wie entferne ich die Unterstreichung aus einem HTML-Hyperlink? Hier finden Sie alle Möglichkeiten, die Unterstreichung aus dem a-Tag zu entfernen-HTML-Tutorial-php.cn

Wie entferne ich die Unterstreichung aus einem HTML-Hyperlink? Hier finden Sie alle Möglichkeiten, die Unterstreichung aus dem a-Tag zu entfernen

寻∝梦

Freigeben： 2018-09-03 17:25:56

Original

80792 Leute haben es durchsucht

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}

Nach dem Login kopieren

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}

Nach dem Login kopieren

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}

Nach dem Login kopieren

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=“m.sbmmt.com”>php中文网</a>
</body> 
</html>

Nach dem Login kopieren

Lassen Sie uns zusammenarbeiten Schauen Sie sich die Darstellung davon im Browser an:

Wie entferne ich die Unterstreichung aus einem HTML-Hyperlink? Hier finden Sie alle Möglichkeiten, die Unterstreichung aus dem a-Tag zu entfernen

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}

Nach dem Login kopieren

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}

Nach dem Login kopieren

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!