Kolor tła JavaScript

| | | | | | | | | | | | | | | | | | | | | |

CSS może onieśmielać nawet doświadczonych programistów — jest tak wiele opcji! Ale w tym artykule zobaczymy, jak zmienić kolor tła w dokumencie HTML bez tworzenia oddzielnego kaskadowego arkusza stylów.

W przypadku korzystania z HTML5 możesz dodać kolor tła za pomocą atrybutu style oraz właściwość „background-color”. Możesz zaimplementować ten atrybut w preferowanym elemencie; jednak, aby ustawić kolor tła dla całej strony, atrybut style musi znajdować się w tagu body. Twój kod HTML może wyglądać tak:

Ten kod daje nam stronę HTML z pomarańczowym tłem.

Pobieranie dodatkowych schematów kolorów internetowych

Ricardo Gomez Angelo PRZVCSTqje4 Unsplash  Ricardo Gomez Angelo PRZVCSTqje4 Unsplash
różne systemy kolorów mogą być używane do zmiany koloru tła

Podczas wybierania koloru w HTML, styl atrybutu akceptuje kody szesnastkowe, kolor HTML nazwy, wartości kolorów RGB (A) i wartości kolorów HSL. W przypadku kolorów RGB i kolorów HSL systemy kolorów muszą być uwzględnione w deklaracji koloru tła.

Poniżej przedstawiono niektóre formatowanie przykłady dla każdego systemu kolorów:

Kod szesnastkowy

Nazwa koloru HTML

Wartości kolorów RGB ‚Ęã‚Ęã

Wartości kolorów RGBA ‚Ęã‚Ęã

Wartości kolorów HSL ‚Ęã‚Ęã

Wartości kolorów HSLA ‚Ęã‚Ę

Jednej rzeczy należy się upewnić. Jeśli używasz tej metody do ustawienia koloru tła , ale później zapisujesz zewnętrzny plik CSS, pamiętaj o usunięciu stylu atrybut i właściwość koloru tła z kodu HTML, aby zapobiec wszelkiego rodzaju nadpisywaniu. `inne / p>

Wniosek

W tym artykule wyjaśniliśmy, jak zmienić kolor tła za pomocą HTML. jesteś nowy w HTML, zapoznaj się z naszym przewodnikiem tutaj: Naucz się HTML: przewodnik po nauce hipertekstowego języka znaczników lub przeczytaj nasz artykuł Ile czasu zajmuje nauka html ?