Bagaimana untuk menukar warna fon dalam html

下次还敢
Lepaskan: 2024-04-05 09:27:19
asal
1156 orang telah melayarinya

Terdapat lima cara untuk menukar warna fon dalam HTML: Gunakan gaya sebaris Gunakan kelas atau id Gunakan pembolehubah CSS Gunakan nilai warna CSS pratakrif Gunakan nilai warna heksadesimal atau RGB

Bagaimana untuk menukar warna fon dalam html

Tukar dalam Kaedah HTML warna fon

Dalam HTML, warna fon boleh ditukar dalam pelbagai cara:

1. Menggunakan gaya sebaris

Gaya sebaris digunakan terus pada elemen tertentu, sintaksnya adalah seperti berikut:

<code class="html"><p style="color: red;">This is red text.</p></code>
Salin selepas log masuk
Salin selepas log masuk

2

Gunakan kelas atau id untuk menggunakan gaya pada berbilang elemen Sintaks adalah seperti berikut:

Kelas:

<code class="html"><p class="red-text">This is red text.</p></code>
Salin selepas log masuk
<code class="css">.red-text {
  color: red;
}</code>
Salin selepas log masuk

Id:

<code class="html"><p id="red-text">This is red text.</p></code>
Salin selepas log masuk
<code class="css">#red-text {
  color: red;
}</code>
Salin selepas log masuk

Pembolehubah Nilai CSS.🜎

boleh disimpan dan digunakan dalam berbilang gaya nilai warna

Anda juga boleh menggunakan nilai warna heksadesimal atau RGB dengan sintaks berikut:

Hex:

<code class="css">:root {
  --text-color: red;
}

p {
  color: var(--text-color);
}</code>
Salin selepas log masuk

RGB:

<code class="html"><p style="color: red;">This is red text.</p></code>
Salin selepas log masuk
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk menukar warna fon dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
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!