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

Verwenden Sie thead, tfoot und tbody, um eine Tabelle zu erstellen

Manche Leute verwenden diese drei Tags auf pervers...

Welche Nachteile hat die Bereitstellung der Datenbank in einem Docker-Container?

Vorwort Docker erfreut sich seit zwei Jahren groß...

Kennen Sie die seltsamen Dinge in Javascript?

Unsere erfahrenen Vorgänger haben zahllose Codes ...

Installations-JDK-Tutorialanalyse für Linux-System (Centos6.5 und höher)

Artikelstruktur 1. Vorbereitung 2. Installieren S...

Schreiben Sie ein Publish-Subscribe-Modell mit JS

Inhaltsverzeichnis 1. Szeneneinführung 2 Code-Opt...