tetapkan warna fon css

WBOY
Lepaskan: 2023-05-27 14:26:09
asal
799 orang telah melayarinya

Dalam CSS, menetapkan warna fon ialah atribut gaya asas. Ia dilaksanakan melalui atribut warna. Dalam artikel ini, kita akan belajar cara menetapkan warna fon menggunakan sifat warna.

atribut warna

Atribut warna ialah sifat yang digunakan untuk menetapkan warna dalam CSS. Ia boleh digunakan untuk menetapkan warna untuk teks, latar belakang, sempadan dan elemen lain.

Atribut warna boleh menggunakan nama warna yang dipratentukan, seperti merah, hijau, dsb., atau anda boleh menggunakan nilai perenambelasan atau RGB untuk menentukan warna.

Berikut ialah beberapa contoh penggunaan atribut warna untuk menetapkan warna fon:

h1 {
warna: merah;
}

p {
warna : #0000ff;
}

span {
warna: rgb(255, 0, 0);
}

Dalam kod di atas, kami menggunakan Merah, biru dan RGB merah untuk menetapkan warna elemen yang berbeza.

Nama warna yang dipratentukan

Dalam CSS, terdapat beberapa nama warna yang dipratentukan yang boleh digunakan secara langsung. Berikut ialah beberapa nama warna yang biasa digunakan dan warna yang sepadan:

  • merah: merah
  • hijau: hijau
  • biru: biru
  • hitam: hitam
  • putih: putih
  • kelabu: kelabu
  • kuning: kuning
  • ungu: ungu
  • oren: oren

Sudah tentu, di atas hanyalah sebahagian daripada mereka, terdapat banyak nama warna lain yang boleh digunakan.

Kod Warna Hex

Selain nama warna yang telah ditetapkan, kami juga boleh menentukan warna menggunakan kod warna hex. Kod warna heksadesimal terdiri daripada 6 aksara, yang mana dua aksara pertama mewakili merah, dua aksara tengah mewakili hijau dan dua aksara terakhir mewakili biru. Setiap aksara boleh menjadi nombor antara 0-9 atau huruf antara A-F. Berikut ialah beberapa contoh:

000000: hitam

ffffff: putih

ff0000: merah

00ff00: hijau

0000ff: biru Warna

Nilai warna RGB

Nilai warna RGB mentakrifkan warna dengan menyatakan nilai merah, hijau dan biru. Julat setiap nilai ialah 0-255. Berikut ialah beberapa contoh:

rgb(255, 0, 0): merah
rgb(0, 255, 0): hijau
rgb(0, 0, 255): biru
rgb(128, 128, 128): Kelabu

Tetapkan ketelusan

Melalui atribut warna kita juga boleh menetapkan ketelusan fon. Ketelusan ditentukan menggunakan atribut kelegapan, dan julat nilai ialah 0-1, dengan 0 adalah telus sepenuhnya dan 1 adalah legap sepenuhnya. Berikut ialah contoh:

p {
warna: rgba(0, 0, 255, 0.5);
}

Dalam kod di atas, kami menggunakan rgba( ) untuk tetapkan warna dan ketelusan. Antaranya, r, g, dan b mewakili nilai tiga warna merah, hijau dan biru masing-masing, dan a mewakili ketelusan. Dalam contoh ini kami menetapkan warna kepada biru dan ketelusan kepada 0.5, iaitu 50% ketelusan.

Kesimpulan

Melalui penjelasan di atas, kita dapat melihat bahawa dalam CSS, menetapkan warna fon ialah atribut gaya yang sangat mudah. Kami hanya perlu menentukan warna yang diperlukan untuk menukar warna fon elemen. Pada masa yang sama, kami juga boleh mengawal ketelusan fon dengan menetapkan ketelusan untuk meningkatkan kesan visual halaman.

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

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan