Maison > interface Web > tutoriel HTML > Image en arrière-plan et méthode d'écriture de liens (image d'arrière-plan plus lien)_HTML/Xhtml_Production de pages Web

Image en arrière-plan et méthode d'écriture de liens (image d'arrière-plan plus lien)_HTML/Xhtml_Production de pages Web

WBOY
Libérer: 2016-05-16 16:37:56
original
1774 Les gens l'ont consulté

L'image est utilisée comme arrière-plan et le lien est écrit. Par exemple, l’image du logo du site Web. Par exemple : photo du logo de Potato

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

a {affichage : bloc;largeur : 170 px;hauteur : 42px;text-indent : -9999px;arrière-plan : url(/skin/__g/img/ui/nav/v2_v6.png) 0 0 no-repeat ;}

En raison du z-indent, les mots Tudou.com ne seront pas affichés. L'attribut title est le texte qui sera affiché lorsque la souris sera pointée.
L'image d'arrière-plan du lien ne s'affiche pas entièrement dans des circonstances normales, car le lien est un élément en ligne et l'attribut width height dans la balise CSS a n'est pas valide.

La méthode d'amélioration consiste à utiliser display:block; ou display:inline-block; en CSS, puis à définir la largeur et la hauteur.

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal