Maison  >  Article  >  interface Web  >  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
DDDoriginal
2024-11-02 11:39:30451parcourir

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>

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>

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!

Déclaration:
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