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:<style>a{ TEXT-DECORATION:keine }a.xh{ TEXT-DECORATION:keine } a:hover.xh{ TEXT-DECORATION:underline }</style>, was äquivalent zu <style> ist a,a.xh{ TEXT-DECORATION:keine }a:hover.xh{ TEXT-DECORATION:unterstrichen }</style> 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
Artikel empfehlen
Detaillierter Prozess zur Erstellung eines VR-Panoramaprojekts mit React und Threejs
Vor Kurzem habe ich gelernt, React mit Three.js z...
So filtern Sie während einer vollständigen MySQL-Sicherung bestimmte Bibliotheken heraus
Verwenden Sie den Parameter --all-database , wenn...
URL-Rewrite-Modul 2.1 URL-Rewrite-Modul – Regeln schreiben
Inhaltsverzeichnis Voraussetzungen Einrichten ein...
Beispiel für die Verwendung von JS, um zu bestimmen, ob ein Element ein Array ist
Hier sind die Arten von Daten, die überprüft werd...
Beispiel für die Anzeige von Bildjalousien mit reinem CSS
Lassen Sie mich Ihnen zunächst den fertigen Effek...
Zusammenfassung der Wissenspunkte zur Synchronisierung und zum gegenseitigen Ausschluss zwischen Linux-Threads
Wenn Threads gleichzeitig ausgeführt werden, müss...
JavaScript zum Erreichen eines dynamischen Farbwechsels der Tabelle
In diesem Artikel wird der spezifische Code für J...
Vue definiert private Filter und grundlegende Nutzung
Die Methoden und Konzepte privater und globaler F...
So installieren Sie MySQL 5.7 unter Ubuntu und konfigurieren den Datenspeicherpfad
1. MySQL installieren Dieser Artikel wird über AP...
Vollständige MySQL-Collapse-Abfrage, reguläre Übereinstimmung, ausführliche Erklärung
Überblick Im vorherigen Kapitel haben wir die Fil...
Beheben Sie den Gruppierungsfehler Ausdruck Nr. 1 der SELECT-Liste ist nicht in der GROUP BY-Klausel enthalten und enthält nicht aggregierte Werte in MySQL-Versionen über 5.7
Grund: MySQL 5.7.5 und höher implementiert die Er...
Aufnahmedateien des öffentlichen WeChat-Kontos abspielen und speichern (AMR-Dateien in MP3 konvertieren)
Inhaltsverzeichnis Tools zur Audiotranskodierung ...
Detaillierte Erklärung der CocosCreator MVC-Architektur
Überblick Dieser Artikel stellt die in Spieleclie...
Vue implementiert QR-Code-Scanfunktion (mit Stil)
brauchen: Verwenden Sie Vue, um das Scannen von Q...
HTML-Multimediaanwendung: Einfügen von Flash-Animationen und Musik in Webseiten
1. Anwendung von Multimedia in HTML_Flash-Animati...