So schreiben Sie ein Bild als Hintergrund und einen Link (Hintergrundbild plus Link)

So schreiben Sie ein Bild als Hintergrund und einen Link (Hintergrundbild plus Link)

Dabei wird das Bild als Hintergrund verwendet und der Link eingeschrieben. Beispielsweise das Logobild der Website. Beispiel: Kartoffel-Logobild

<a title="Tudou.com Jeder ist der Regisseur des Lebens" href="https://www.jb51.net">Tudou.com</a>

eine {Anzeige: Block;Breite: 170px;Höhe: 42px;Texteinzug: -9999px;Hintergrund: URL (/skin/__g/img/ui/nav/v2_v6.png) 0 0 keine Wiederholung;}
Aufgrund der Z-Einrückung werden die drei Wörter „Tudou.com“ nicht angezeigt. Das Titelattribut ist der Text, der angezeigt wird, wenn die Maus darauf zeigt.
Das Hintergrundbild des <a><span>-Links wird unter normalen Umständen nicht vollständig angezeigt, da es sich bei dem <a>-Link um ein Inline-Element handelt und die Breite- und Höhe-Attribute im CSS-Tag „a“ ungültig sind.

Die Verbesserungsmethode besteht darin, in CSS display:block; oder display:inline-block; zu verwenden und dann die Breite und Höhe festzulegen.

<<:  Detaillierte Schritte zur Installation der Node.js-Umgebung und Pfadkonfiguration unter Linux

>>:  Einige Punkte, auf die wir beim Entwurf einer Webseite achten sollten

Artikel empfehlen

CSS 3.0 Text Hover Jump Spezialeffekte-Code

Hier ist ein mit CSS 3.0 implementierter Textschw...

Transkript der Implementierung berechneter Vue-Eigenschaften

In diesem Artikel wird das Implementierungszeugni...

JS Leicht verständliche Funktion und Konstruktor

Inhaltsverzeichnis 1. Übersicht 1.1 Erstellen ein...

Implementierungscode für die nahtlose Verbindung des Div-Bildlaufbands

Code kopieren Der Code lautet wie folgt: <html...

Beispielcode zum Implementieren schöner Uhranimationseffekte mit CSS

Ich suche einen Job!!! Vorbereitung: Zunächst ein...

Detaillierte Erklärung der MySQL-Alter-Ignore-Syntax

Als ich heute bei der Arbeit war, wurde mir von d...

So verkleinern Sie die Protokolldatei in MYSQL SERVER

Das Transaktionsprotokoll zeichnet die Vorgänge a...

js, um Drag & Drop-Sortierdetails zu erreichen

Inhaltsverzeichnis 1. Einleitung 2. Umsetzung 3. ...

Tutorials der MySQL-Reihe für Anfänger

Inhaltsverzeichnis 1. Grundkonzepte und Grundbefe...

jQuery-Plugin zur Implementierung des Suchverlaufs

Jeden Tag ein jQuery-Plugin – um einen Suchverlau...

Zusammenfassung der 10 wichtigsten JavaScript-Interviewfragen (empfohlen)

1.Dies deutet auf 1. Wer ruft wen an? Beispiel: F...

So vermeiden Sie die Duplizierung von Daten beim Einfügen in einen MySql-Batch

Inhaltsverzeichnis Vorwort 1. Einfügen von ignore...