So entfernen Sie die Unterstreichung eines Hyperlinks anhand von drei einfachen Beispielen

Um die Unterstreichung eines Hyperlinks zu entfernen, müssen Sie das Stylesheet CSS verwenden. Wenn Sie sich vorerst nicht eingehend mit dem Konzept von CSS befassen möchten, finden Sie hier drei einfache Beispiele, die veranschaulichen, wie Sie die Unterstreichung eines Hyperlinks steuern können. Verwenden Sie Notepad, um den Quellcode der Webseite zu öffnen (Sie können die Webseite auch zuerst mit IE öffnen und dann in der IE-Menüleiste auf „Ansicht → Quelldatei“ klicken). Daraufhin wird das Notepad-Fenster angezeigt.

Suchen Sie die Zeilen <head> und </head> und fügen Sie die Stylesheet-Anweisung dazwischen ein. wie folgt:

Code kopieren

Der Code lautet wie folgt:

<html>
<Kopf>
<style>eine{TEXT-DECORATION:keine}</style>
</Kopf><Körper>

1. Fügen Sie einfach <style>a{ TEXT-DECORATION:none }</style> zwischen head und head ein.
Dieser Satz entfernt die Unterstreichung des Hyperlinks. Dies ist das einfachste Beispiel. Wenn Sie es versuchen, wird es Ihnen gelingen.

2. Das obige Beispiel zeigt Ihnen nur, wie Sie die Unterstreichung von Hyperlinks auf einmal entfernen. Was sollten Sie tun, wenn einige Hyperlinks auf Ihrer Webseite unterstrichen werden müssen und andere nicht? Zunächst müssen Sie darüber nachdenken, ob die meisten Hyperlinks auf Ihren Webseiten unterstrichen sind oder nicht.
Wenn die meisten Hyperlinks nicht unterstrichen werden müssen, können Sie hinzufügen
<style> a{ TEXT-DECORATION:none }</style>, und verwenden Sie dann diese Methode in einigen Hyperlinks, die unterstrichen werden müssen, und sie werden unterstrichen:
<a href=****><u>Text</a>.
Wenn die meisten Hyperlinks unterstrichen werden sollen, müssen Sie den obigen Satz nicht einfügen. Ändern Sie es in: <style>.n{ TEXT-DECORATION:none }</style>,
Hinweis: Vor n steht ein Punkt, der auf einen Klassenselektor hinweist. Dann kann dieser in den Hyperlinks einer Webseite mehrfach referenziert werden und einzelne Hyperlinks können separat entfernt werden, zum Beispiel:

Code kopieren

Der Code lautet wie folgt:

<a class=n href=http://www.webshu.com>Webbaum</a>
<a class=n href=http://www.cctv.com>Zentrales Fernsehen Chinas</a>
<a class=n href=http://www.ziyy.com>Freestyle-Schwimmnetzwerk</a>

3. Wie entferne ich die Unterstreichung eines Hyperlinks, sodass dieser unterstrichen bleibt, wenn man mit der Maus darüberfährt?
Sie können zwischen Kopf und Kopf einen Satz wie diesen hinzufügen: <style>a{ TEXT-DECORATION:none}a:hover{TEXT-DECORATION:underline }</style>
Hinweis: „a“ stellt einen Hyperlink dar und „a:hover“ ist eine Pseudoklasse im Stylesheet, die den Status angibt, wenn die Maus darüber schwebt.
Bestimmen Sie, welchen Effekt Sie für die meisten Hyperlinks auf Ihren Webseiten wünschen. Lassen Sie mich Ihnen ein weiteres Beispiel geben:

Code kopieren

Der Code lautet wie folgt:

Nach dem Hinzufügen dieses Satzes werden alle Hyperlinks auf der Webseite nicht unterstrichen.
Wie oben zu sehen ist, haben wir wieder CSS-Pseudoklassen verwendet. Ihr Definitionsformat ist: selector.class selector {attribute;attribute value}, zum Beispiel:
a.xh{ TEXT-DECORATION:keine }.

<<: Beheben Sie das Problem, dass der benutzerdefinierte CSS-Stil von ElementUI nicht wirksam wird

>>: Umfassendes Verständnis der HTML-Grundstruktur

Analyse des Konfigurationsprozesses zur Installation von MariaDB basierend auf Docker

Analyse und Lösung der Ursache für den Verlust des Webseitenstils durch das automatische Ausfüllen von Formularen durch den Browser

Artikel

Detaillierte Erläuterung der Ein- und Ausgabeverwaltung des Linux-Systems und der allgemeinen Funktionen von vim

So entfernen Sie die Unterstreichung eines Hyperlinks anhand von drei einfachen Beispielen

Analyse des Konfigurationsprozesses zur Installation von MariaDB basierend auf Docker

JS realisiert den automatischen Wiedergabeeffekt von Bildern

Vue implementiert eine einfache Notizblockfunktion

js+css zur Realisierung eines dreistufigen Navigationsmenüs

So passen Sie die Bash-Eingabeaufforderung in Linux an

So installieren und speichern Sie die PostgreSQL-Datenbank in Docker

Analyse und Lösung der Ursache für den Verlust des Webseitenstils durch das automatische Ausfüllen von Formularen durch den Browser

Detaillierte Erläuterung der Ein- und Ausgabeverwaltung des Linux-Systems und der allgemeinen Funktionen von vim

Detaillierte Schritte zur Installation und Konfiguration von MySQL 5.6.21

So implementieren Sie Element-Floating und Clear-Floating mit CSS

Artikel empfehlen

Detaillierte Erläuterung des Vorgangs zum Löschen der integrierten Version von Python in Linux

Lösung für das Docker-Pull-Timeout

So installieren Sie OpenJDK in Docker und führen das JAR-Paket aus

Tutorial zur Verwendung von Prepare-, Execute- und Deallocate-Anweisungen in MySQL

Lösen Sie schnell das Problem, dass CentOS in VMware nicht auf das Internet zugreifen kann

Die Verwendung und Methoden von async und await in JavaScript

Vue implementiert dreidimensionales Säulendiagramm basierend auf E-Charts

Lassen Sie IE6, IE7, IE8 CSS3-abgerundete Ecken und Schattenstile unterstützen

Analyse von Multithread-Programmierbeispielen unter Linux

Konfigurationscodebeispiel für Nginx-Forward- und Reverse-Proxy sowie Lastausgleichsfunktionen

Detailliertes Beispiel zur Implementierung von Transaktions-Commit und -Rollback in MySQL

Nginx Reverse-Proxy-Konfiguration entfernt Präfix

So gehen Sie mit der Meldung „Vorgang nicht zulässig“ beim Löschen von Dateien in Linux um

Importieren von CSS-Dateien unter Verwendung von Beurteilungsbedingungen

Ein Tutorial für Anfänger zur Installation und Anmeldung bei mysql-8.0.19-winx64 (unbedingt für Anfänger lesen)