communauté Apprendre Bibliothèque d'outils Loisirs

Français

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

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

Étiquettes associées：

背景图片加链接

source：php.cn

Article précédent：Explication détaillée de l'application des balises méta dans le développement de plateformes mobiles_HTML/Xhtml_Production de pages Web Article suivant：Formulaire HTML et utilisation de balises internes dans la production de pages form_HTML/Xhtml_Web

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

Derniers articles par auteur