Apakah maksud warna dalam css

下次还敢
Lepaskan: 2024-04-28 12:45:30
asal
612 orang telah melayarinya

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

Nama Warna HTML

CSS menyokong julat nama warna HTML standard, termasuk:

<code class="css">color: red;
color: green;
color: blue;</code>
Salin selepas log masuk

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>
Salin selepas log masuk

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!

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