Bagaimana untuk menukar baris fon yang sama kepada warna yang berbeza dalam css

Cara menukar baris fon css yang sama kepada warna yang berbeza: 1. Gunakan berbilang tag rentang untuk membalut teks yang akan ditukar dalam warna. 2. Gunakan atribut warna untuk menukar warna teks dalam teg span Ya, sintaksnya ialah "warna: nilai warna;".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Cara menukar baris fon css yang sama kepada warna yang berbeza

1 Cipta fail html baharu, bernama test.html, kepada terangkan cara Menggunakan css untuk menetapkan baris teks dalam div kepada dua warna. Gunakan teg div untuk mencipta baris teks dan tetapkan kelasnya untuk diuji Ia digunakan terutamanya untuk menetapkan gaya div melalui kelas ini di bawah.

Dalam fail test.html, cipta teg Tetapkan gaya ujian nama kelas, gunakan atribut warna untuk menetapkan warna teks dalam div kepada merah dan gunakan atribut saiz fon untuk menetapkan saiz teks kepada 30px.

2. Dalam fail test.html, dalam teg div, gunakan tag span untuk memasukkan sebahagian daripada teks, yang akan digunakan untuk menetapkan warnanya secara berasingan menggunakan css di bawah.

Dalam teg css, tetapkan warna teks teg span di bawah ujian nama kelas (iaitu, dalam div), dan gunakan atribut warna untuk menetapkan warna teks dalam teg span kepada biru.

Buka fail test.html dalam penyemak imbas untuk melihat kesannya.

Ringkasan:

1.

2. Gunakan teg div untuk membuat baris teks dan tetapkan kelasnya untuk diuji.

3. Dalam teg css, tetapkan gaya ujian nama kelas dan gunakan atribut warna untuk menetapkan warna teks dalam div kepada merah.

4. Dalam teg div, gunakan teg span untuk memasukkan sebahagian daripada teks.

5 Dalam teg css, tetapkan warna teks teg span di bawah ujian nama kelas (iaitu, dalam div), supaya baris teks dalam div boleh ditetapkan kepada dua warna .

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk menukar baris fon yang sama kepada warna yang berbeza dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!