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

MySQL-Protokolleinstellungen und Anzeigemethoden

MySQL verfügt über die folgenden Protokolle: Fehl...

Web-Kenntnisse: Lösung für die Koexistenz mehrerer IE-Versionen IETester

Meine Empfehlung Lösung für die Koexistenz mehrer...

Beispiel für die gemeinsame Nutzung von Anker-Tags in HTML

Verwendung von Anker-Tags: Als Ankerlink wird ein ...

Mit wie vielen Pixeln sollte eine Webseite gestaltet werden?

Viele Webdesigner sind beim Entwurf des Webseitenl...

Mehrere Gründe, HTML nicht zu komprimieren

Der Grund ist einfach: In HTML-Dokumenten entsprec...

Spezifischer Einsatz von Routing Guards in Vue

Inhaltsverzeichnis 1. Globale Wache 1.1 Globaler ...

Details zum Vergleich der MySQL-Datenkomprimierungsleistung

Inhaltsverzeichnis 1. Testumgebung 1.1 Hardware u...

MySQL 8.0.20 Installations- und Konfigurations-Tutorial unter Docker

Docker installiert MySQL Version 8.0.20 zu Ihrer ...

Detaillierte Einführung und Verwendungsbeispiele für Map-Tag-Parameter

Karten-Tags müssen paarweise vorkommen, d. h. <...

Detaillierte Erklärung der Methoden des fs-Moduls und des Path-Moduls in Node.js

Überblick: Das Dateisystemmodul ist ein einfacher...