Bagaimanakah Saya Boleh Menambah Latar Belakang Teks Berwarna Tanpa Mengembangkan Lebar Elemen?

Latar Belakang Teks Berwarna Tanpa Menjejaskan Keseluruhan Lebar Elemen

Kadangkala, anda mungkin mahu menyerlahkan teks tertentu dengan warna latar belakang tanpa menjejaskan lebar keseluruhan elemen. Dalam senario ini, anda tidak boleh mengubah suai HTML untuk menambah elemen sebaris seperti tag.

Penyelesaian:

Penyelesaian terletak pada memanfaatkan lebar semula jadi elemen sebaris. Dengan meletakkan teks di dalam elemen sebaris, seperti teg, warna latar belakang boleh digunakan pada elemen itu secara khusus.

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

Setelah teks diletakkan dalam elemen sebaris, gunakan warna latar belakang pada rentang menggunakan CSS:

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

Pendekatan ini memastikan bahawa warna latar belakang hanya mempengaruhi teks dalam elemen sebaris, mengekalkan kesan yang diingini tanpa mengubah suai lebar keseluruhan elemen h1.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menambah Latar Belakang Teks Berwarna Tanpa Mengembangkan Lebar Elemen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!