Jak zmienić kolor tła w HTML
Kolor tła dokumentu/elementu HTML zwiększa estetykę strony internetowej. Zmiana koloru tła strony internetowej HTML umożliwia tworzenie unikalnych kolorowych układów. Dodanie koloru tła do HTML sprawia, że jest najbardziej wyróżniający się i czyni go bardziej czytelnym.
HTML zapewnia szerokie wsparcie w manipulowaniu elementami. HTML zapewnia obsługę zmiany koloru tła zgodnie z wymaganiami.
Ten artykuł ma na celu obsługę różnych metod zmiany koloru tła w HTML. Otrzymasz następujące wyniki uczenia się:
- Jak zmienić kolor tła w HTML za pomocą wbudowanego CSS
- Jak zmienić kolor tła w HTML za pomocą wewnętrznego CSS
- Jak zmienić kolor tła w HTML za pomocą zewnętrznego CSS
Jak zmienić kolor tła w HTML
Właściwość „koloru w tle” W HTML zmieni kolor tła. Wcześniejsze wersje wspierały Nieruchomość „BGCOLOR” który nie jest już obsługiwany przez najnowszą wersję. Właściwość „koloru w tle” można ćwiczyć za pomocą następujących środków:
- Wbudowane CSS: Style CSS są dodawane do znacznika
- Wewnętrzne CSS: Style są dodawane w sekcji głowy wewnątrz dokumentu HTML
- Zewnętrzne CSS: Zewnętrzny plik CSS jest tworzony i połączony z dokumentem HTML, aby dołączyć zmiany
Wszystkie te metody są omawiane w nadchodzących sekcjach.
Jak zmienić kolor tła w HTML za pomocą wbudowanego CSS
Winline CSS jest używany wewnątrz znacznika otwierającego elementu elementu, wbudowane CSS wpłyną tylko na element, w którym jest używany. Użyjemy atrybutu koloru tła, aby zmienić atrybut kolorów
Kod:
| 1 2 3 | Użyliśmy atrybutu koloru tła, aby zmienić kolor tła |
Tutaj użyliśmy inline CSS w znaczniku ciała, do koloru tła
Użyliśmy atrybutu stylu wewnątrz znacznika ciała i dodaliśmy właściwość koloru tła i przypisaliśmy do niego nazwę kluczowego koloru Azure.
Wyjście:
Kolor tła znacznika ciała jest zmieniany na platformę Azure po nałożeniu cykli.
Jak zmienić kolor tła w HTML za pomocą wewnętrznych CSS
Wewnętrzne CSS służy do stylizowania pojedynczego dokumentu HTML wewnątrz sekcji głowy. Cały kod CSS będzie wewnątrz znacznika stylu, a znacznik stylu będzie w znaczniku głowy.
Kod:
| 1 2 3 4 5 6 7 |
Zastosowaliśmy inline CSS i wybraliśmy sekcję ciała do zastosowania właściwości „koloru tła”.
Wyjście:
Jak widać, kolor tła zmienił się na platformę Azure za pomocą CSS wbudowanego.
Jak zmienić kolor tła w HTML za pomocą zewnętrznego CSS
Zewnętrzne CSS to osobny plik, który zawiera tylko kod CSS. Jest połączony w sekcji główki pliku HTML za pomocą znacznika, można go użyć do wprowadzania zmian na wielu stronach internetowych. Zewnętrzne pliki CSS należy zapisać za pomocą .Rozszerzenie CSS.
Kod CSS:
| 1 2 3 | ciało kolor tła: #f0ffff; |
Utworzony jest plik CSS o nazwie "styl.CSS ” a wyżej wspomniany kod jest zapisany w środku "styl.CSS ”.
Kod HTML:
| 1 2 3 |
Ponadto do łączenia pliku CSS w dokumencie HTML używane są następujące wiersze.
Tag służy do łączenia pliku CSS w sekcji głównej.
Wyjście:
Obserwuje się, że kolor tła zmienia się z domyślnego na lazur.
Wniosek
Atrybut koloru tła zmieni kolor tła w HTML. Kolor tła atrybutu zostanie zastosowany przy użyciu wszystkich metod stylizacji, które są wbudowane, wewnętrzne i zewnętrzne CSS. „Nazwa koloru”, wartość koloru „sześciokątna” lub kombinacja „RGB” właściwości „koloru tła” można użyć do zastosowania różnych kolorów.