Bagaimana untuk menyesuaikan warna fon dalam html

下次还敢
Lepaskan: 2024-04-11 10:15:38
asal
434 orang telah melayarinya

Melalui atribut gaya dalam HTML, anda boleh melaraskan warna fon: secara langsung menggunakan nilai warna heksadesimal (seperti merah, biru menggunakan fungsi RGB (menentukan nilai merah, hijau dan biru); ; Gunakan fungsi HSL (nyatakan nilai warna, ketepuan, kecerahan);

Bagaimana untuk menyesuaikan warna fon dalam html

Cara melaraskan warna fon dalam HTML

Gunakan nilai warna secara langsung:

<code class="html"><p style="color: #FF0000;">红色文本</p></code>
Salin selepas log masuk

di mana #FF0000 mewakili nilai warna heksadesimal merah.

Gunakan nama warna:

<code class="html"><p style="color: red;">红色文本</p></code>
Salin selepas log masuk

Ini adalah alternatif yang lebih mudah untuk menggunakan nama warna HTML.

Menggunakan fungsi RGB:

<code class="html"><p style="color: rgb(255, 0, 0);">红色文本</p></code>
Salin selepas log masuk

Fungsi ini membolehkan anda menentukan warna menggunakan nilai merah, hijau, biru (RGB).

Gunakan fungsi HSL:

<code class="html"><p style="color: hsl(0, 100%, 50%);">红色文本</p></code>
Salin selepas log masuk

Kaedah ini menggunakan nilai warna, ketepuan dan kecerahan (HSL) untuk menentukan warna.

Gunakan fungsi rgba() dan hsla() (dengan ketelusan alfa):

Fungsi ini membolehkan anda menentukan ketelusan dalam nilai warna.

<code class="html"><p style="color: rgba(255, 0, 0, 0.5);">半透明红色文本</p></code>
Salin selepas log masuk
rrree

Atas ialah kandungan terperinci Bagaimana untuk menyesuaikan 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!