Untuk menukar warna fon dalam HTML, anda boleh menggunakan helaian gaya CSS untuk menetapkan nilai warna dengan menentukan kod heks, nilai RGB, nilai RGBA atau nama warna melalui gaya sebaris, kelas CSS atau ID CSS. Dalam HTML5, anda juga boleh menetapkan warna fon pada elemen HTML secara langsung menggunakan atribut warna, tetapi kaedah ini hanya berfungsi dalam penyemak imbas moden.
Cara menukar warna fon dalam HTML
Untuk menukar warna fon dalam HTML, anda boleh menggunakan helaian gaya CSS, langkah khusus adalah seperti berikut:
1. Gunakan gaya sebaris
style
untuk menentukan nilai warna, seperti yang ditunjukkan di bawah: <code class="html"><p style="color: red;">这是红色的文本。</p></code>
style
属性指定颜色值,如下所示:<code class="css">.my-red-text { color: red; }</code>
2. 使用 CSS 类
color
属性指定颜色值,如下所示:<code class="html"><p class="my-red-text">这是红色的文本。</p></code>
<code class="css">#my-unique-id { color: red; }</code>
3. 使用 CSS ID
color
属性指定颜色值,如下所示:<code class="html"><p id="my-unique-id">这是红色的文本。</p></code>
<code class="html"><p color="red">这是红色的文本。</p></code>
颜色值
您可以使用以下格式指定颜色值:
#FF0000
表示红色。rgb(255, 0, 0)
也表示红色。rgba(255, 0, 0, 0.5)
表示带有 50% 透明度的红色。red
、green
、blue
。HTML5 中的字体颜色
在 HTML5 中,还可以使用 color
2 Gunakan kelas CSS
color Atribut
menentukan nilai warna, seperti berikut: rrreee🎜🎜 Kemudian, gunakan nama kelas dalam elemen HTML, seperti berikut: rrreee🎜🎜 3. Buat ID CSS menggunakan CSS ID🎜🎜🎜🎜 dan nyatakan nilai warna menggunakan atribut color
seperti berikut: rrreee🎜🎜Kemudian , dalam elemen HTML Gunakan ID seperti ini: rrreee🎜🎜Nilai warna🎜🎜🎜Anda boleh menentukan nilai warna menggunakan format berikut: 🎜🎜🎜🎜Kod hex: 🎜Contohnya, # FF0000 bermaksud merah. 🎜🎜Nilai RGB: 🎜Sebagai contoh, rgb(255, 0, 0)
juga mewakili merah. 🎜🎜Nilai RGBA: 🎜Sebagai contoh, rgba(255, 0, 0, 0.5)
mewakili merah dengan ketelusan 50%. 🎜🎜Nama warna: 🎜Contohnya, hijau
, color
, seperti yang ditunjukkan di bawah: 🎜rrreee 🎜 Walau bagaimanapun, kaedah ini hanya berfungsi dalam pelayar moden dan tidak disokong oleh semua pelayar. 🎜Atas ialah kandungan terperinci Bagaimana untuk menukar warna fon dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!