Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >tetapkan warna fon css
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:
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:
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!