Verwenden Sie Bilder, um eine personalisierte Unterstreichung von Hyperlinks zu realisieren

Seien Sie nicht überrascht, wenn Sie im Bild eine Art unterstrichenen Link sehen. Denn eigentlich ist es ganz einfach und auch Sie können es schaffen.
Schauen Sie sich den tatsächlichen Effekt hier an: http://5key.net/demo/hyperlink-underline
uploads/200710/29_094308_1.gif

Lassen Sie uns zunächst darüber sprechen, wie Sie diese farbige Unterstreichung erhalten. Vielleicht haben Sie es erraten: ein Hintergrundbild mit Farbverlauf. Das stimmt! Es ist das Bild unten.
uploads/200710/29_100223_2.gif

Schauen Sie sich das CSS unten an. Ich denke, Sie sollten die Auswirkung der gesamten Linkänderung verstanden haben.
Falls es nicht ganz klar ist. Lassen Sie uns zunächst das Konzept des Schiebetürkörpers verstehen {
Schriftgröße: 14px;
Schriftfamilie: Helvetica, serifenlos;
Polsterung: 10px;
Rand: 0px;
}
h1{Rand:0; Polsterung:0; Schriftgröße:16px; }
p{padding:20px 0 0 0;}
A{
*Polsterung unten: 1px;
Textdekoration: keine;
}
ein:link{
Farbe: #06F;
Hintergrund: url(1.gif);
Hintergrundwiederholung: Wiederholung-x;
Hintergrundposition: 0 16px;
}
a:besucht{
Farbe: #06f;
Hintergrundbild: url(1.gif);
Hintergrundwiederholung: Wiederholung-x;
Hintergrundposition: 0 16px;
}
ein:schweben{
Farbe: #039;
Hintergrund: URL (1.gif) Wiederholung-x 0 unten;
}

<<: So verwenden Sie die Shell, um Batchvorgänge auf mehreren Servern auszuführen

>>: IE6-Schriftart kann nicht definiert werden: Die Größe von 13 Pixeln ist ungültig. IE6 zeigt automatisch eine größere Schriftartlösung an.

Tutorial zur Installation und Konfiguration der Linux CentOS MySQL-Datenbank

Artikel empfehlen

Problem mit dem Timeout der Zookeeper-Anforderung in Dubbo: Konfiguration der Verbindung von Mybatis+Spring mit MySQL8.0.15

Ich werde in diesen zwei Tagen Java wiederholen, ...

Verwenden Sie Bilder, um eine personalisierte Unterstreichung von Hyperlinks zu realisieren

Tutorial zur Installation und Konfiguration der Linux CentOS MySQL-Datenbank

Detaillierte Erklärung der Zeichensätze und Validierungsregeln in MySQL

Windows CVE-2019-0708: Problem bei der Reproduktion der Sicherheitslücke bei der Codeausführung auf Remotedesktop

Detaillierte Erklärung des JavaScript ES6-Moduls

CSS-Positionierungslayout (Position, Positionierungslayoutfähigkeiten)

Verwenden Sie Smart CSS, um Stile basierend auf der Scrollposition des Benutzers anzuwenden

js implementiert eine einfache dreistufige Auswahlkaskade für Provinzen, Gemeinden und Bezirke

Zusammenfassung der Benutzererfahrung

Lernen Sie die Grundlagen von nginx

Detaillierte grafische Beschreibung des MySql8.023-Installationsprozesses (Erstinstallation)

Artikel empfehlen

Problem mit dem Timeout der Zookeeper-Anforderung in Dubbo: Konfiguration der Verbindung von Mybatis+Spring mit MySQL8.0.15

Zusammenfassung der Lösungen für MySQL, das „Gruppieren nach“ nicht unterstützt

Detaillierte Erläuterung der sieben Wertübertragungsmethoden von Vue

So erstellen Sie dynamische QML-Objekte in JavaScript

Detaillierte Erläuterung der Lösung für npm ls-Fehler, die durch das fsevents-Modul unter Linux verursacht werden

So implementieren Sie einen binären Suchbaum mit JavaScript

So verwenden Sie SHTML-Includes

Detaillierte Erläuterung der Speicherverwaltung der MySQL InnoDB-Speicher-Engine

Verwenden von Vue3 (Teil 1) Erstellen eines Vue CLI-Projekts

So löschen Sie die Validierungsaufforderung bei der Elementformularvalidierung

Beispiel für eine Vue-Datenanzeige auf einem großen Bildschirm

Umfassendes Verständnis von HTML-Formularelementen

js verwendet Cookies, um die Seitenvorgänge des Benutzers zu speichern

Eine kurze Analyse zum Verständnis von Vue-Komponenten aus einer objektorientierten Perspektive

Methode zur Wiederherstellung von Betriebs- und Wartungsdaten der MySQL-Datenbank