Bagaimana untuk menetapkan warna fon dalam html

PHPz
Lepaskan: 2023-04-24 11:00:23
asal
6195 orang telah melayarinya

Cara menetapkan warna fon dalam HTML

Dalam reka bentuk web, warna merupakan faktor yang sangat penting. Warna yang berbeza boleh mencipta suasana yang berbeza dan menyampaikan mesej yang berbeza. Dalam HTML, anda boleh menambah warna pada halaman web dengan menetapkan warna fon untuk menjadikannya lebih kaya dan lebih jelas. Artikel ini akan memperkenalkan cara menetapkan warna fon dalam HTML.

  1. Gunakan nama warna

Dalam HTML, anda boleh menetapkan warna fon terus melalui nama warna. Contohnya: "merah" bermaksud merah, "biru" bermaksud biru, "hijau" bermaksud hijau, dan sebagainya. Berikut ialah sekeping kod HTML yang menggunakan nama warna untuk menetapkan warna fon:

<p style="color:red;">这段文字的颜色为红色。</p>
<p style="color:blue;">这段文字的颜色为蓝色。</p>
<p style="color:green;">这段文字的颜色为绿色。</p>
Salin selepas log masuk

Perlu diingatkan di sini bahawa nama warna mestilah semua huruf kecil. Dalam aplikasi sebenar, nama warna yang berbeza boleh dipilih mengikut keperluan.

  1. Menggunakan nilai RGB

Nilai RGB adalah cara lain untuk mewakili warna. RGB mewakili nilai warna merah, hijau dan biru masing-masing Nilai mereka boleh dilaraskan antara 0 dan 255. Dengan menukar nilai tiga warna ini, warna yang berbeza boleh diperolehi. Dalam HTML, warna fon boleh ditetapkan melalui nilai RGB. Berikut ialah kod HTML yang menggunakan nilai RGB untuk menetapkan warna fon:

<p style="color:rgb(255,0,0);">这段文字的颜色为红色。</p>
<p style="color:rgb(0,0,255);">这段文字的颜色为蓝色。</p>
<p style="color:rgb(0,128,0);">这段文字的颜色为绿色。</p>
Salin selepas log masuk

Perlu diperhatikan di sini bahawa nilai RGB perlu disertakan dalam kurungan, dan tiga nombor dipisahkan dengan koma, manakala nama warna dan Lokasi kod nilai RGB perlu diletakkan dalam atribut gaya.

  1. Gunakan tatatanda heksadesimal

Anda juga boleh menggunakan nilai perenambelasan ​​untuk mewakili warna. Notasi heksadesimal yang digunakan dalam HTML terdiri daripada enam nombor atau huruf, dua yang pertama mewakili nilai merah, dua tengah mewakili nilai hijau, dan dua yang terakhir mewakili nilai biru. Setiap nombor atau huruf boleh mengambil nilai antara 0 dan F, di mana nombor 0 dan huruf a mewakili nilai warna terkecil, dan nombor F dan huruf F mewakili nilai warna terbesar. Berikut ialah kod HTML yang menggunakan tatatanda perenambelasan untuk menetapkan warna fon:

<p style="color:#FF0000;">这段文字的颜色为红色。</p>
<p style="color:#0000FF;">这段文字的颜色为蓝色。</p>
<p style="color:#008000;">这段文字的颜色为绿色。</p>
Salin selepas log masuk

Perlu diperhatikan di sini bahawa tatatanda perenambelasan memerlukan tanda paun # sebagai awalan, dan dalam tatatanda Huruf mesti dijadikan huruf besar.

Selain itu, perlu diingatkan bahawa kaedah menetapkan warna fon dalam HTML boleh digunakan pada pelbagai tag HTML, termasuk perenggan, tajuk, pautan, dll.

Ringkasan:

Dalam reka bentuk web, warna merupakan faktor yang sangat penting. Dengan menetapkan warna fon, anda boleh memperkayakan warna dan suasana halaman web dan menjadikannya lebih terang dan aktif. Dalam HTML, warna fon boleh ditetapkan dalam pelbagai cara, termasuk nama warna, nilai RGB, tatatanda heksadesimal, dsb. Tidak kira kaedah yang digunakan, ia perlu ditetapkan dalam atribut gaya. Warna yang berbeza biasanya mewakili emosi dan maklumat yang berbeza, jadi apabila mereka bentuk halaman web, anda perlu memilih mengikut keperluan sebenar.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan warna fon dalam html. 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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!