Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menetapkan warna html

Bagaimana untuk menetapkan warna html

PHPz
PHPzasal
2023-05-21 12:46:382160semak imbas

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.

  1. Nama warna

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>
  1. Teks RGB

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>
  1. Kod perenambelasan

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:inputcss alih keluar sempadanArtikel seterusnya:inputcss alih keluar sempadan