Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan warna html
HTML ialah bahasa asas untuk membina halaman web Dalam reka bentuk web, warna adalah bahagian yang penting. Warna fon, warna latar belakang, sempadan, dll. pada halaman web semuanya perlu ditetapkan Jika warna tidak ditetapkan, halaman web akan kelihatan sangat membosankan.
Dalam HTML, kita boleh menetapkan warna elemen dalam pelbagai cara, termasuk nama warna, teks RGB, kod perenambelasan, dsb.
Terdapat 16 nama warna yang ditakrifkan dalam HTML, yang boleh digunakan terus untuk menetapkan warna unsur.
<p style="color: red;">我是红色的文本</p> <p style="color: blue;">我是蓝色的文本</p> <p style="color: green;">我是绿色的文本</p>
Teks RGB ialah nilai warna yang ditakrifkan oleh nisbah warna merah, hijau dan biru. Dalam HTML, kita boleh menggunakan fungsi rgb()
untuk menetapkan nilai R, G dan B bagi warna. Julat nilai R, G dan B ialah 0-255.
<p style="color: rgb(255, 0, 0);">我是红色的文本</p> <p style="color: rgb(0, 0, 255);">我是蓝色的文本</p> <p style="color: rgb(0, 255, 0);">我是绿色的文本</p>
Kod perenambelasan ditukar daripada nilai warna merah, hijau dan biru kepada perenambelasan dan kemudian disambung menjadi rentetan. Dalam HTML, kita boleh menggunakan #
untuk mewakili kod perenambelasan, di mana enam aksara selepas #
mewakili tiga warna merah, hijau dan biru masing-masing. Setiap dua aksara mewakili nilai warna, dan julat nilai ialah 00-FF.
<p style="color: #FF0000;">我是红色的文本</p> <p style="color: #0000FF;">我是蓝色的文本</p> <p style="color: #00FF00;">我是绿色的文本</p>
Ringkasan
Dalam HTML, kita boleh menetapkan warna elemen menggunakan nama warna, teks RGB, kod perenambelasan, dsb. Perlu diingat bahawa pelayar yang berbeza mungkin memaparkan warna secara berbeza, jadi apabila mereka bentuk halaman web, anda mesti memberi perhatian untuk menguji kesan paparan warna di bawah pelayar yang berbeza. Selain itu, gunakan warna yang lebih terang sebanyak mungkin untuk menjadikan halaman web kelihatan lebih segar dan cerah.
Atas ialah kandungan terperinci Bagaimana untuk menetapkan warna html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!