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  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.  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
Artikel empfehlen
Installations- und Verwendungsschritte für vue-amap
Ich habe zuvor die Verwendung des asynchronen Lad...
Fassen Sie die häufigsten Anwendungsprobleme von XHTML-Code zusammen
Im Laufe der Zeit habe ich festgestellt, dass vie...
Detaillierte Erklärung des Vue Notepad-Beispiels
In diesem Artikelbeispiel wird der spezifische Co...
Beispiel für die Implementierung einer virtuellen Liste im WeChat Mini-Programm
Inhaltsverzeichnis Vorwort analysieren Erste Rend...
Webdesigner ist ein geeignetes Talent
<br />Es gibt keine Straße auf der Welt. Wen...
Detaillierte Erklärung des in JavaScript integrierten Date-Objekts
Inhaltsverzeichnis Date-Objekt Erstellen eines Da...
Nginx verbessert die Zugriffsgeschwindigkeit basierend auf der GZIP-Komprimierung
1. Warum verwendet Nginx gzip? 1. Die Rolle der K...
Vue implementiert mehrere Ideen zum Themenwechsel
Inhaltsverzeichnis Themen dynamisch ändern Die er...
Detaillierte Erläuterung des MySQL-Trigger-Trigger-Beispiels
Inhaltsverzeichnis Was ist ein Auslöser Erstellen...
Docker erstellt Cluster-MongoDB-Implementierungsschritte
Vorwort Aufgrund der Geschäftsanforderungen des U...
Einführung in die Funktionen und Verwendung von Wert- und Namensattributen in HTML
1. Der in der Schaltfläche verwendete Wert bezieht...
Detaillierte Erläuterung des Mechanismus und der Implementierung der Accept-Sperre in Nginx
Vorwort nginx verwendet ein Multiprozessmodell. W...
Grundlegende Hinweise zu HTML und CSS (unbedingt für das Frontend lesen)
Als ich zum ersten Mal mit HTML in Berührung kam,...
Verwendung des Vuex-Namespace
Inhaltsverzeichnis Da Vuex einen einzelnen Zustan...
Installations- und Nutzungsprotokoll von VMware ESXi (mit Download)
Inhaltsverzeichnis 1. Installieren Sie ESXi 2. ES...