Bagaimanakah Saya Boleh Menambah Warna Latar Belakang Hanya pada Teks Menggunakan CSS?

Cara Menetapkan Warna Latar Belakang untuk Lebar Teks Menggunakan CSS

Dalam usaha anda untuk mencipta latar belakang hijau di belakang teks anda sahaja dan bukan keseluruhan lebar halaman, anda menghadapi cabaran. Begini cara untuk menavigasi situasi ini sambil menghormati kekangan yang anda nyatakan:

Penyelesaian: Sampul Teks Anda dalam Elemen Sebaris

Memandangkan anda tidak boleh mengubah suai HTML, bungkus teks anda dalam elemen sebaris, seperti a .

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

Kini, anda boleh menggunakan warna latar belakang pada elemen sebaris:

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

Rasionalnya:

Elemen sebaris mengecut agar sesuai dengan kandungannya, memastikan warna latar belakang sejajar dengan lebar teks dengan sempurna. Teknik ini membolehkan anda mencipta kesan latar belakang khusus untuk teks anda tanpa memberi kesan kepada elemen sekeliling.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menambah Warna Latar Belakang Hanya pada Teks Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!