Maison > interface Web > tutoriel CSS > Pouvez-vous définir la largeur et la hauteur des balises d'ancrage ?

Pouvez-vous définir la largeur et la hauteur des balises d'ancrage ?

DDD
Libérer: 2024-11-02 11:39:30
original
598 Les gens l'ont consulté

Can You Set Width and Height on Anchor Tags?

Pouvez-vous définir la largeur et la hauteur des balises  ?

Il est possible de définir la largeur et la hauteur de l'ancre balises en pixels, permettant de créer des balises d'ancrage avec une image de fond tout en préservant le contenu du texte.

Pour y parvenir, vous devez modifier la propriété d'affichage de la balise d'ancrage :

<code class="css">a {
  display: block;
  /* or */
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: red;
}</code>
Copier après la connexion

En définissant display: block ou display: inline-block, la balise d'ancrage devient un élément de niveau bloc ou un élément en ligne qui peut avoir à la fois une largeur et une hauteur définies. Cela lui permet d'accepter les dimensions en pixels spécifiées pour la largeur et la hauteur :

<code class="html"><li><a href="#" style="width: 32px; height: 32px; background-color: orange;">Something</a></li></code>
Copier après la connexion

Avec cette modification, la balise d'ancrage affichera l'image d'arrière-plan dans la largeur et la hauteur spécifiées tout en contenant toujours le texte "Quelque chose. "

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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