Couleur d'arrière-plan pour la largeur du texte uniquement en CSS

Vous souhaitez appliquer un fond vert derrière le texte dans un format

élément, mais ne couvre pas toute la largeur de la page. Votre code actuel ci-dessous n'y parviendra pas :

<h1>
  The Last Will and Testament of Eric Jones
</h1>

Copier après la connexion

h1 { 
  text-align: center; 
  background-color: green; 
}

Copier après la connexion

Puisque vous ne pouvez pas modifier le code HTML pour inclure un élément en ligne comme un , la solution consiste à convertir le texte en un élément en ligne. élément. Ceci peut être réalisé en enveloppant le texte dans un et en lui appliquant la couleur d'arrière-plan verte :

<h1>
  <span>The Last Will and Testament of Eric Jones</span>
</h1>

Copier après la connexion

h1 {
  text-align: center; 
}
h1 span { 
  background-color: green; 
}

Copier après la connexion

Les éléments en ligne ne s'étendent que sur la largeur de leur contenu, garantissant que l'arrière-plan vert n'apparaît que derrière le texte, et non sur la page entière.

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!