Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

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

1761 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.

Verwandte Etiketten：

背景图片加链接

Quelle：php.cn

Vorheriger Artikel：Detaillierte Erläuterung der Anwendung von Meta-Tags bei der Entwicklung mobiler Plattformen_HTML/Xhtml_Webseitenproduktion Nächster Artikel：HTML-Formular und die Verwendung interner Tags bei der Erstellung von form_HTML/Xhtml_Webseiten

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

Neueste Artikel des Autors