Bagaimana untuk menetapkan warna fon dalam html

PHPz
Lepaskan: 2023-04-13 14:39:08
asal
3199 orang telah melayarinya

Dalam pengaturcaraan web, kita selalunya perlu menetapkan warna teks dalam halaman HTML. Menetapkan warna fon dalam HTML adalah sangat mudah, hanya gunakan atribut "warna".

Sintaks:

<font color="颜色">文本</font>
Salin selepas log masuk

Sebagai contoh, jika kita ingin menetapkan warna teks kepada merah, kita boleh menulis seperti ini:

<font color="red">这是红色文本</font>
Salin selepas log masuk

Selain itu untuk menggunakan nama warna Selain itu, anda juga boleh menggunakan heksadesimal, nilai RGB, dsb. untuk menentukan warna:

  • Heksadesimal: diwakili oleh tanda # ditambah enam digit atau huruf, contohnya #FFFFFF mewakili putih.
  • Nilai RGB: diwakili oleh fungsi "rgb()", tulis nilai masing-masing tiga warna merah, hijau dan biru Julat nilai ialah 0-255, sebagai contoh, rgb(255,0,0) mewakili merah.

Berikut ialah contoh penetapan warna menggunakan nilai heksadesimal dan RGB:

<font color="#00FF00">这是绿色文本</font>
<font color="rgb(0,0,255)">这是蓝色文本</font>
Salin selepas log masuk

Selain menggunakan teg fon, anda juga boleh menetapkan warna fon dalam CSS:

<style>
  p {
    color: green;
  }
</style>
<p>这是绿色文本</p>
Salin selepas log masuk

Anda juga boleh menggunakan pelbagai nilai warna dalam CSS, seperti nama warna, kod heksadesimal, nilai RGB, nilai HSL, dsb., yang lebih fleksibel dan mudah.

Ringkasan:

HTML terutamanya menggunakan atribut "warna" untuk menetapkan warna fon Anda boleh menggunakan nama warna, heksadesimal, nilai RGB, dsb. untuk menentukan warna. Warna fon juga boleh ditetapkan dalam CSS, yang lebih fleksibel dan mudah.

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