Bagaimana untuk menjadikan warna fon telus dalam html

Terdapat empat cara untuk menjadikan fon telus dalam HTML: 1. Gunakan atribut kelegapan CSS 2. Gunakan fungsi rgba() CSS 3. Gunakan teg 4 . Gunakan teg HTML5 dan tetapkan atribut gaya.

Cara membuat fon telus dalam HTML

Dalam HTML, anda boleh menetapkan ketelusan teks untuk menjadikannya lut sinar atau telus.

Kaedah:

1. Gunakan sifat kelegapan CSS

Ini ialah kaedah paling langsung dan berfungsi untuk teks semua elemen HTML. Sintaks adalah seperti berikut:

<code class="css">opacity: <百分比值></code>

Nilai peratusan adalah antara 0 (lutsinar sepenuhnya) dan 1 (legap sepenuhnya). Contohnya, untuk menjadikan teks 50% telus:

<code class="css">opacity: 0.5;</code>

2. Gunakan fungsi rgba() CSS

Fungsi rgba() membolehkan anda mengawal ketelusan teks sambil turut menetapkan sifat warna lain. Sintaksnya adalah seperti berikut:

<code class="css">color: rgba(<红>, <绿>, <蓝>, <透明度>)</code>

Nilai ketelusan juga antara 0 dan 1. Contohnya, untuk membuat teks merah dengan ketelusan 50%:

<code class="css">color: rgba(255, 0, 0, 0.5);</code>

3. Gunakan teg HTML

Ketelusan boleh dikawal dengan menetapkan atribut gaya:

<code class="html"><span style="opacity: 0.5">文本内容</span></code>

4. Menggunakan teg HTML5

Teg boleh digunakan untuk membuat bar kemajuan. Ia boleh mengandungi teks dan ketelusan boleh dikawal dengan menetapkan atribut gaya:

<code class="html"><meter value="50" style="opacity: 0.5">50%</meter></code>

Nota: Untuk teg dan , ketelusan juga boleh ditetapkan menggunakan fungsi rgba() atau atribut kelegapan.

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