Bagaimana untuk menukar warna fon dalam html

下次还敢
Lepaskan: 2024-04-11 07:44:14
asal
590 orang telah melayarinya

Dua cara utama untuk menukar warna fon dalam HTML ialah: 1. Gunakan gaya sebaris untuk menentukan warna teks terus dalam elemen HTML, contohnya:

Ini ialah teks merah

; 2. Gunakan helaian gaya luaran untuk menentukan warna teks dengan menggunakan kelas CSS pada berbilang elemen, contohnya: .text-red { color: red }

.

Bagaimana untuk menukar warna fon dalam html

Bagaimana untuk menukar warna fon dalam HTML?

Dalam HTML, terdapat dua cara utama untuk menukar warna fon teks:

1 Menggunakan gaya sebaris

Menggunakan gaya sebaris, anda boleh menentukan warna teks terus dalam elemen HTML. Sintaks adalah seperti berikut:

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

di mana atribut "warna" menentukan warna teks, dan "merah" ialah warna teks yang akan ditukar.

2. Gunakan helaian gaya luaran

Menggunakan helaian gaya luaran, anda boleh menggunakan gaya pada keseluruhan tapak web atau berbilang elemen pada halaman. Sintaksnya adalah seperti berikut:

<code class="css">.text-red {
  color: red;
}</code>
Salin selepas log masuk
<code class="html"><p class="text-red">这是红色文本</p></code>
Salin selepas log masuk

Dalam kes ini, kami telah mencipta kelas CSS "teks-merah" yang menetapkan warna teks semua elemen kepada merah. Kami kemudian menggunakan kelas pada elemen perenggan menggunakan atribut "kelas".

Selain menggunakan nama warna (seperti "merah"), anda juga boleh menentukan warna menggunakan kod heks atau nilai RGB:

  • Kod Hex: #ff0000 (merah)
  • Nilai RGB: rgb( 255, 0, 0) (merah)

Contoh:

<code class="html"><p style="color: #ff0000;">这是红色文本</p>

<p class="text-red">这是红色文本</p></code>
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!