Heim > Artikel > Web-Frontend > Unterstützt CSS3 RGBA?
Unterstützt CSS3 RGBA?
- WBOYOriginal
- 2022-03-29 17:51:211883Durchsuche
css3 unterstützt RGBA; die Funktion rgba() ist eine Funktion in CSS3, die die Überlagerung von Rot, Grün, Blau und Transparenz verwendet, um eine Vielzahl von Farben zu erzeugen 255“ oder „0 % bis 100 %“, und der Wertebereich der Transparenz beträgt 0 bis 1, und die Syntax ist „rgba (rot, grün, blau, Transparenz)“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
Unterstützt CSS3 RGBA?
Die Funktion rgba() verwendet die Überlagerung von Rot (R), Grün (G), Blau (B) und Transparenz (A), um verschiedene Farben zu erzeugen. Unterstützte Version: CSS3
RGBA bedeutet Rot, Grün, Blau, Transparenz (englisch: Red, Green, Blue, Alpha).
Farben in CSS können auf drei Arten definiert werden: mithilfe von Farbmethoden (RGB, RGBA, HSL, HSLA), hexadezimalen Farbwerten und vordefinierten Farbnamen.
CSS-Syntax
rgba(red, green, blue, alpha)
red definiert den Rotwert, der Wertebereich liegt zwischen 0 und 255, Sie können auch den Prozentsatz 0 % bis 100 % verwenden.
Grün definiert den Grünwert, der Wertebereich ist 0 ~ 255, Sie können auch den Prozentsatz 0 % ~ 100 % verwenden.
blau definiert den Blauwert, der Wertebereich liegt zwischen 0 und 255, Sie können auch den Prozentsatz 0 % bis 100 % verwenden.
Alpha - Transparenz Definieren von Transparenz 0 (vollständig transparent) ~ 1 (vollständig undurchsichtig)
Beispiele sind wie folgt:
<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>output -Ergebnisse:
(Lernvideofreigabe: CSS -Video -Tutorial )
Das obige ist der detaillierte Inhalt vonUnterstützt CSS3 RGBA?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!