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
Javascript kombiniert mit Vue zur automatischen Pfadfindung für jedes Labyrinthbild
Inhaltsverzeichnis Vorwort Zweidimensionales Arra...
Detailliertes Tutorial zur Installation von Docker auf CentOS 8.4
Inhaltsverzeichnis Vorwort: Systemanforderungen: ...
Erläuterung der MySQL-Indexoptimierung
Bei unserer täglichen Arbeit führen wir manchmal ...
Einführung in die Verwendung des Base-Link-Tags Base
<br />Wenn Sie auf den Link klicken, wird di...
Beschreiben Sie kurz die Replikation der MySQL-Überwachungsgruppe
Originaltext: https://dev.mysql.com/doc/refman/8....
Detaillierte Erläuterung der Vue-Projektverpackung
Inhaltsverzeichnis 1. Zugehörige Konfiguration Fa...
Deinstallieren der MySQL-Datenbank unter Linux
Wie deinstalliere ich eine MySQL-Datenbank unter ...
Umfassende Erklärung zum CocosCreator Hot Update
Inhaltsverzeichnis Vorwort Was ist Hot Change Coc...
mysql löst zeitzonenbezogene Probleme
Vorwort: Bei der Verwendung von MySQL können Prob...
Eine ausführliche Zusammenfassung der Überlegungen zu MySQL-Zeiteinstellungen
Existiert die Zeit wirklich? Manche Menschen glau...
Diskussion über die Möglichkeit zum Öffnen von Website-Hyperlinks
Ein neues Fenster wird geöffnet. Vorteile: Wenn d...
Schritte zum Reparieren einer Beschädigung der Datei grub.cfg im Linux-System
Inhaltsverzeichnis 1. Einführung in die grub.cfg-...
So verstehen Sie den Unterschied zwischen „Berechnet“ und „Beobachten“ in Vue
Inhaltsverzeichnis Überblick berechnet Überwachun...
Beispiel einer Nginx-Standortübereinstimmungsregel
1. Grammatik Standort [=|~|~*|^~|@] /uri/ { ... }...
Ubuntu installiert scrcpy, um die Bildschirmprojektion und -steuerung des Mobiltelefons abzuschließen (eine weitere Möglichkeit, QQ WeChat in Ubuntu zu verwenden).
Scrcpy-Installation snap install scrcpy Installat...