Rumah > Artikel > hujung hadapan web > Adakah rgba atribut baharu dalam css3?
Adakah rgba atribut baharu dalam css3?
- WBOYasal
- 2022-01-24 14:35:062764semak imbas
Dalam CSS3, rgba() ialah atribut baharu CSS3 Fungsi ini digunakan untuk menjana pelbagai warna menggunakan superposisi merah, hijau, biru dan ketelusan Sintaksnya ialah "rgba(merah, hijau, biru , alfa)”.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Adakah rgba atribut baharu dalam css3?
Rgba ialah atribut baharu dalam css3.
Fungsi rgba() menggunakan superposisi merah (R), hijau (G), biru (B) dan ketelusan (A) untuk menjana pelbagai warna.
RGBA bermaksud Merah, Hijau, Biru, Alfa.
Merah (R) Integer antara 0 dan 255, mewakili komponen merah warna. .
Hijau (G) Integer antara 0 dan 255, mewakili komponen hijau warna.
Biru (B) Integer antara 0 dan 255, mewakili komponen biru warna.
Ketelusan (A) berjulat dari 0 hingga 1, mewakili ketelusan.
Versi yang disokong: CSS3
Sintaksnya ialah:
rgba(red, green, blue, alpha)
Contohnya adalah seperti berikut:
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
#p1 {background-color:rgba(255,0,0,0.3);}
#p2 {background-color:rgba(0,255,0,0.3);}
#p3 {background-color:rgba(0,0,255,0.3);}
#p4 {background-color:rgba(192,192,192,0.3);}
#p5 {background-color:rgba(255,255,0,0.3);}
#p6 {background-color:rgba(255,0,255,0.3);}
</style>
</head>
<body>
<p>RGB 颜色，并使用透明度:</p>
<p id="p1">红色</p>
<p id="p2">绿色</p>
<p id="p3">蓝色</p>
<p id="p4">灰色</p>
<p id="p5">黄色</p>
<p id="p6">樱桃色</p>
</body>
</html>Hasil keluaran:
(Mempelajari perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Adakah rgba atribut baharu dalam css3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!