Jak stworzyć białą RGBA w HTML

RGBA () to wbudowana funkcja CSS, a jego nazwa jest skrócona dla czerwonego, zielonego, niebieskiego i alfa. Jest to rozszerzenie funkcji RGB (), która oferuje kanał alfa do ustawiania krycia koloru. Pozwala nam również tworzyć różne kolory za pomocą funkcji CSS rgba ().

W tym artykule dowiemy się, jak tworzyć białą RGBA w HTML za pomocą funkcji RGBA ().

Utwórz białą RGBA w HTML

rgba () określa sekwencję wartości, które mogą zmienić kolor elementu, taki jak kolor tła, kolor obrazu, kolor pudełka i tak dalej. Ponadto można go również wykorzystać do tworzenia białego koloru za pomocą określonego zestawu wartości RGBA.

Składnia

W CSS możesz użyć następującej składni, aby utworzyć kolor z wartościami RGBA:

RGBA (czerwony, zielony, niebieski, alfa)

Tutaj intensywność kolorów jest zdefiniowana przez każdy parametr (czerwony, zielony, niebieski, alfa). Korzystając z tej formuły, możemy wyświetlać białą RGBA, ustawiając wszystkie parametry kolorów, aby „255”I Alpha do„0". Ogólnie rzecz biorąc, zakresy alfa zaczynają się od 0.0 i zakończ na 1.0, gdzie 0.0 wskazuje całkowitą przezroczystość i 1.0 oznacza w ogóle nie przejrzystość.

Aby wyjaśnić wyżej wymienione punkty, przejdźmy do przykładu.

Przykład: Tworzenie białej RGBA w HTML za pomocą funkcji RGBA ()

Aby utworzyć białą RGBA, najpierw dodamy pojemnik za pomocą „„Tag w naszym pliku HTML:

W następnym kroku przypiszmy wartości do szerokości i wysokości jako „50%" I "200px". Następnie dodaj dowolny kolor tła div za pomocą funkcji rgba () w CSS. Następnie ustaw kolor graniczny „pełna czerń„Aby stworzyć różnicę między całą stroną internetową a Div:

.RGBA
Szerokość: 50%;
Wysokość: 200px;
Tło: RGBA (23, 1, 36, 0.7);

.RGBA
Border: 5px Solid Black;

Obecnie nasza strona internetowa wygląda tak:

Teraz ustawimy White RGBA jako tło naszego pojemnika, przekazując „255, 255, 255, 0”Jako argument funkcji RGBA ():

.RGBA
Szerokość: 50%;
Wysokość: 200px;
Tło: RGBA (255, 255, 255, 0);

.RGBA
Border: 5px Solid Black;

Po wdrożeniu danego kodu sprawdź jego wyniki:

Notatka: Możesz także utworzyć biały kolor RGBA za pomocą funkcji RGBA (), ustawiając wartość czerwonego, zielonego niebieskiego i alfa do „0".

Wniosek

Aby stworzyć biały kolor, przejdź przez pierwsze trzy parametry funkcji rgba () jako „255”I parametr alfa jako„0". Możesz także wygenerować białą RGBA, przekazując wartości wszystkich parametrów jako „0". Ponadto funkcja RGBA () pozwala nam ustawić różne kolory w elementach HTML. W tym artykule pokazano metodę tworzenia białej RGBA w HTML.