So erstellen Sie eine weiße RGBA in HTML

RGBA () ist eine integrierte CSS-Funktion und ihr Name wird für Rot, Grün, Blau und Alpha abgekürzt. Es ist eine Erweiterung der RGB () -Funktion, die einen Alpha -Kanal zum Festlegen der Deckkraft der Farbe bietet. Es ermöglicht uns auch, mit der CSS RGBA () -Funktion verschiedene Farben zu erstellen.

In diesem Artikel lernen wir, wie Sie mit Hilfe der RGBA () -Funktion eine weiße RGBA in HTML erstellen können.

Erstellen Sie eine weiße RGBA in HTML

RGBA () Gibt eine Sequenz von Werten an, die die Farbe eines Elements wie seine Hintergrundfarbe, Bildfarbe, Boxfarbe usw. verändern können. Darüber hinaus kann es auch verwendet werden, um eine weiße Farbe mit einem bestimmten Satz von RGBA -Werten zu erstellen.

Syntax

In CSS können Sie die folgende Syntax verwenden, um eine Farbe mit RGBA -Werten zu erstellen:

RGBA (Rot, Grün, Blau, Alpha)

Hier wird die Farbintensität durch jeden Parameter definiert (Rot, Grün, Blau, Alpha). Mit dieser Formel können wir weiße RGBA anzeigen, indem wir alle Farbparameter auf “einstellen“255", Und Alpha zu"0”. Im Allgemeinen beginnen die Alpha -Bereiche von 0 ab 0.0 und enden bei 1.0, wo 0.0 zeigt eine vollständige Transparenz an und 1.0 bezeichnet überhaupt keine Transparenz.

Um die oben genannten Punkte zu klären, wechseln wir zum Beispiel.

Beispiel: Erstellen von White RGBA in HTML mithilfe der RGBA () -Funktion

Um eine weiße RGBA zu erstellen, werden wir zunächst einen Container mit der “hinzufügen”Tag in unserer HTML -Datei:

Im nächsten Schritt werden wir der Breite und Höhe als “Werte zuweisen50%" Und "200px”. Fügen Sie dann die Hintergrundfarbe des DIV mit der RGBA () -Funktion in CSS hinzu. Danach stellen Sie die Grenzfarbe ein “tiefes Schwarz”Um einen Unterschied zwischen der gesamten Webseite und der DIV zu erstellen:

.Rgba
Breite: 50%;
Höhe: 200px;
Hintergrund: RGBA (23, 1, 36, 0.7);

.Rgba
Grenze: 5px solide Schwarz;

Derzeit sieht unsere Webseite so aus:

Jetzt werden wir weiße RGBA als Hintergrund unseres Containers durchgeben255, 255, 255, 0”Als Argument für die Funktion rgba ():

.Rgba
Breite: 50%;
Höhe: 200px;
Hintergrund: RGBA (255, 255, 255, 0);

.Rgba
Grenze: 5px solide Schwarz;

Überprüfen Sie nach der Implementierung des angegebenen Codes die Ergebnisse:

Notiz: Sie können auch weiße RGBA -Farbe mit der Funktion rgba () erstellen, indem Sie den Wert von Rot, Grünblau und Alpha auf “festlegen“0”.

Abschluss

Um eine weiße Farbe zu erstellen, übergeben Sie die ersten drei Parameter der RGBA () -Funktion als “255"Und der Alpha -Parameter als" als "0”. Sie können auch weiße RGBA erzeugen, indem Sie die Werte aller Parameter als “übergeben“0”. Darüber hinaus ermöglicht die RGBA () -Funktion, die verschiedenen Farben in HTML -Elementen festzulegen. Dieser Artikel hat die Methode zur Erstellung von White RGBA in HTML gezeigt.