css set warna fon

CSS ialah singkatan Cascading Style Sheets, iaitu bahasa untuk kawalan gaya dan reka letak. Dalam CSS, menetapkan warna fon ialah operasi penggayaan asas yang membolehkan kami menambah warna pada kandungan teks pada halaman web HTML. Dalam artikel ini, kami akan meneroka cara menetapkan warna fon menggunakan CSS.

1. Gunakan kata kunci berwarna

CSS menyediakan satu siri kata kunci warna yang biasa digunakan oleh pengguna, seperti hitam, putih, merah, hijau, biru, dll. Dengan menggunakan kata kunci ini dalam lembaran gaya, kami boleh menetapkan warna teks, contohnya:

body {
  color: red;
}

Kod di atas menetapkan warna teks di seluruh halaman web kepada merah.

2. Gunakan nilai warna heksadesimal

Selain kata kunci warna, CSS juga menyokong penggunaan nilai warna RGB atau heksadesimal untuk menetapkan warna fon. Antaranya, nilai warna heksadesimal adalah yang paling biasa digunakan. Nilai warna perenambelasan diwakili dengan menukarkan nilai tiga warna utama merah, hijau dan biru kepada nombor perenambelasan. Sebagai contoh, nilai warna heks untuk merah ialah #FF0000, untuk hijau ialah #00FF00, dan untuk biru ialah #0000FF.

Begini cara untuk menetapkan warna fon menggunakan nilai warna heksadesimal:

body {
  color: #FF0000;
}

Kod di atas menetapkan warna teks di seluruh halaman web kepada merah.

3. Gunakan nilai warna RGB

Selain nilai warna heksadesimal, CSS juga menyokong penggunaan nilai warna RGB untuk menetapkan warna fon. Nilai warna RGB diwakili oleh nilai tiga warna utama merah, hijau dan biru. Sebagai contoh, nilai warna RGB untuk merah ialah rgb(255, 0, 0), untuk hijau ia rgb(0, 255, 0), dan untuk biru ia rgb(0, 0, 255).

Begini cara untuk menetapkan warna fon menggunakan nilai warna RGB:

body {
  color: rgb(255, 0, 0);
}

Kod di atas menetapkan warna teks di seluruh halaman web kepada merah.

4. Gunakan pada elemen yang berbeza

Melalui CSS, kami juga boleh menetapkan warna fon yang berbeza untuk elemen HTML yang berbeza. Sebagai contoh, kita boleh menetapkan warna fon elemen h1 kepada merah dan warna fon elemen p kepada hijau.

h1 {
  color: #FF0000;
}

p {
  color: #00FF00;
}

Kod di atas menetapkan warna fon elemen h1 kepada merah dan warna fon elemen p kepada hijau.

Ringkasan

Dalam CSS, dengan menggunakan kata kunci warna, nilai warna heksadesimal atau nilai warna RGB, kami boleh menetapkan warna yang berbeza untuk kandungan teks dalam halaman web HTML. Pada masa yang sama, kami juga boleh menetapkan warna fon yang berbeza untuk elemen HTML yang berbeza mengikut keperluan untuk mencapai kesan visual yang lebih baik.

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