Heim >Web-Frontend >HTML-Tutorial >Bild als Hintergrund und Link-Schreibmethode (Hintergrundbild plus Link)_HTML/Xhtml_Webseitenerstellung

Bild als Hintergrund und Link-Schreibmethode (Hintergrundbild plus Link)_HTML/Xhtml_Webseitenerstellung

WBOY
WBOYOriginal
2016-05-16 16:37:561766Durchsuche

Das Bild wird als Hintergrund verwendet und der Link geschrieben. Zum Beispiel das Logobild der Website. Zum Beispiel: Logobild von Potato

http://www.jb51.net">Tudou

a {display: block;width: 170px;height: 42px;text-indent: -9999px;background: url(/skin/__g/img/ui/nav/v2_v6.png) 0 0 no-repeat;}

Aufgrund des Z-Einzugs werden die Wörter Tudou.com nicht angezeigt. Das Titelattribut ist der Text, der angezeigt wird, wenn die Maus gezeigt wird.
Das Hintergrundbild des -Links wird unter normalen Umständen nicht vollständig angezeigt, da der Link ein Inline-Element ist und das Attribut width height im CSS des Tags ungültig ist.

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