Warna Latar Belakang untuk Lebar Teks Sahaja dalam CSS

Anda ingin menggunakan latar belakang hijau di belakang teks dalam

elemen, tetapi tidak menjangkau seluruh lebar halaman. Kod semasa anda di bawah tidak akan mencapai itu:

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

Salin selepas log masuk

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

Salin selepas log masuk

Memandangkan anda tidak boleh mengubah suai HTML untuk memasukkan elemen sebaris seperti , penyelesaiannya ialah menukar teks menjadi sebaris unsur. Ini boleh dicapai dengan membungkus teks dalam elemen dan menggunakan warna latar belakang hijau padanya:

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

Salin selepas log masuk

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

Salin selepas log masuk

Elemen sebaris hanya merentangi lebar kandungannya, memastikan latar belakang hijau hanya muncul di belakang teks, bukan keseluruhan halaman.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan Warna Latar Belakang pada Teks dalam Elemen Tanpa Menjejaskan Keseluruhan Lebar Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!