tetapkan html warna

Tetapan warna HTML merujuk kepada penetapan warna teks, latar belakang, sempadan dan elemen lain dalam halaman web. Dalam penanda HTML, warna boleh ditetapkan menggunakan nama warna, nilai perenambelasan, nilai RGB dan nilai HSL (warna, tepu, kecerahan).

Berikut ialah kaedah tetapan khusus:

1. Nama warna

HTML menyokong banyak nama warna pratetap, seperti merah, kuning ( Kuning), biru (Biru), dsb. Dalam teg, anda boleh menggunakan nama warna ini untuk menetapkan warna elemen kepada warna yang sepadan. Contohnya, gunakan kod berikut untuk mewarnakan teks merah:

<p style="color: red;">这段文本的颜色为红色</p>

2. Nilai Hex

Dalam HTML, anda juga boleh menggunakan kod warna hex untuk menetapkan warna elemen . Kod warna heksadesimal terdiri daripada enam aksara, dua aksara pertama mewakili komponen merah, dua aksara tengah mewakili komponen hijau, dan dua aksara terakhir mewakili komponen biru. Setiap komponen mempunyai nilai dalam julat 00 hingga FF dan boleh diwakili dengan nombor serta huruf dari A hingga F.

Sebagai contoh, kod berikut menetapkan warna teks kepada kelabu gelap:

<p style="color: #333333;">这段文本的颜色为深灰色</p>

3. Nilai RGB

Serupa dengan kod warna heksadesimal, juga Anda boleh menggunakan nilai RGB untuk menetapkan warna elemen. Nilai RGB terdiri daripada tiga nombor yang mewakili nilai komponen merah, hijau dan biru. Setiap komponen mempunyai nilai antara 0 hingga 255.

Sebagai contoh, kod berikut menetapkan warna teks kepada hijau muda:

<p style="color: rgb(144, 238, 144);">这段文本的颜色为浅绿色</p>

4. Nilai HSL

Selain nilai RGB, HTML juga menyokong penggunaan nilai HSL ( Hue, saturation, lightness) untuk menetapkan warna sesuatu elemen. Nilai HSL terdiri daripada tiga nombor, yang mewakili nilai tiga atribut warna, ketepuan dan kecerahan. Antaranya, julat nilai rona ialah 0 hingga 360, menunjukkan sudut rona warna bagi julat nilai ketepuan ialah 0% hingga 100%, menunjukkan julat nilai kecerahan juga 0% kepada 100%, Mewakili kecerahan warna.

Sebagai contoh, kod berikut menetapkan warna teks kepada biru terang:

<p style="color: hsl(210, 100%, 50%);">这段文本的颜色为亮蓝色</p>

Selain menggunakan warna dalam tetapan teks, HTML juga boleh menggunakan warna dalam elemen seperti latar belakang, sempadan, dan banyak lagi. Menetapkan warna dalam elemen ini adalah serupa dengan menetapkan warna teks, anda hanya perlu menambah atribut yang sepadan pada label.

Untuk meringkaskan, HTML menyediakan pelbagai cara untuk menetapkan warna elemen, daripada nama warna, nilai perenambelasan, nilai RGB hingga nilai HSL. Sama ada teks, latar belakang, jidar atau elemen lain, anda boleh menetapkan warnanya dengan cara di atas untuk menjadikan halaman web memberikan kesan visual yang lebih berwarna.

Atas ialah kandungan terperinci tetapkan html warna. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!