Rumah >hujung hadapan web >tutorial css >Apakah maksud warna dalam css

Apakah maksud warna dalam css

下次还敢
下次还敢asal
2024-04-28 12:45:30618semak imbas

Atribut warna mentakrifkan teks atau warna latar belakang dalam CSS dan boleh ditentukan dalam pelbagai format, termasuk nilai perenambelasan, nilai RGB, nilai RGBA, nama warna HTML, nilai HSL dan HSLA serta kata kunci seperti Warna semasa, warisan, telus ).

Apakah maksud warna dalam css

Maksud warna dalam CSS

Harta warna mentakrifkan warna teks atau latar belakang elemen dalam CSS. Ia dinyatakan dalam pelbagai format, termasuk:

NILAI HEX

Nilai perenambelasan ialah kod enam digit bermula dengan tanda paun (#) yang mewakili nilai warna merah, hijau, biru (RGB) ) . Contohnya:

<code class="css">color: #0000FF; /* 蓝色 */</code>

Nilai RGB

Nilai RGB ialah kumpulan nilai yang dipisahkan koma dalam kurungan yang menentukan keamatan merah, hijau dan biru dalam sesuatu warna. Setiap nilai adalah antara 0 dan 255. Contohnya:

<code class="css">color: rgb(0, 0, 255); /* 蓝色 */</code>

Nilai RGBA

Sambungan nilai RGB yang menambah nilai keempat (saluran alfa), mewakili ketelusan warna. Nilai saluran alfa berjulat dari 0 (telus) hingga 1 (legap). Contohnya:

<code class="css">color: rgba(0, 0, 255, 0.5); /* 半透明蓝色 */</code>

Nama Warna HTML

CSS menyokong julat nama warna HTML standard, termasuk:

<code class="css">color: red;
color: green;
color: blue;</code>

Nilai HSL dan HSLA ​​

HSL (warna, ketepuan), kecerahan nilai warna menggunakan warnanya (0-360°), ketepuan (0-100%) dan kecerahan (0-100%). Nilai HSLA lanjutan termasuk nilai saluran alfa keempat. Contohnya:

<code class="css">color: hsl(120, 50%, 50%); /* 绿色 */</code>

warna kata kunci

CSS juga menyokong beberapa kata kunci khas, termasuk:

  • currentColor: Gunakan warna unsur induk
  • inherit: Warisi warna daripada unsur induk
  • Telus

Atas ialah kandungan terperinci Apakah maksud warna dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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
Artikel sebelumnya:Maksud teg pautan dalam cssArtikel seterusnya:Maksud teg pautan dalam css