Unterstützt CSS3 RGBA?-Front-End-Fragen und Antworten-php.cn

Unterstützt CSS3 RGBA?

WBOY

Freigeben： 2022-03-29 17:51:21

Original

1918 Leute haben es durchsucht

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)“.

Unterstützt CSS3 RGBA?

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)

Nach dem Login kopieren

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>

Nach dem Login kopieren

output -Ergebnisse:

Unterstützt CSS3 RGBA?

(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!