Maison  >  Article  >  interface Web  >  Comment définir la largeur et la hauteur des balises d'ancrage dans les images d'arrière-plan ?

Comment définir la largeur et la hauteur des balises d'ancrage dans les images d'arrière-plan ?

Barbara Streisand
Barbara Streisandoriginal
2024-10-31 23:03:28154parcourir

How to Set Width and Height on Anchor Tags Within Background Images?

Définition de la largeur et de la hauteur des balises d'ancrage dans les images d'arrière-plan

Il est possible de définir la largeur et la hauteur d'une balise d'ancrage en pixels tout en conserver le texte à l'intérieur en manipulant la propriété d'affichage de l'ancre. Voici comment y parvenir :

En CSS, définissez la propriété d'affichage de la balise d'ancrage sur "block" ou "inline-block":

<code class="css">a {
  display: block; /* or display: inline-block; */
  width: 32px;
  height: 32px;
  background-color: orange;
}</code>

Cela permettra à la balise d'ancrage pour accepter les valeurs de largeur et de hauteur. Cependant, il faut quand même définir la couleur de fond de l'ancre séparément :

<code class="css">a {
  background-color: red;
}</code>

Avec cette modification, la balise d'ancrage aura une image de fond tout en conservant le texte à l'intérieur, et ses dimensions seront fixées à 32 pixels par 32 pixels :

<code class="html"><li><a href="#">Something</a></li></code>

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