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
Freigeben: 2016-05-16 16:37:56
Original
1778 Leute haben es durchsucht

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.

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage