| Kolor tła | Dzięki temu poleceniu można ustalić kolor tła dla danego elementu. Składnia reguły: selektor {background-color: kolor;} Wyraz selektor ma zastosowanie do wszystkich elementów, którym chcemy nadać tło. |
| Tło Obrazkowe | Dzięki temu poleceniu można ustalić tło obrazkowe dla danego elementu. Składnia reguły: selektor {background-image: url(adres);} |
| Powtarzanie tła | Dzięki temu poleceniu można ustalić jeden z czterech sposobów powtarzania się obrazka jako tła selektor {background-repeat: powtarzanie;} Wyraz selektor ma zastosowanie do wszystkich elementów. Parametry: Wyraz selektor ma zastosowanie do elementów blokowych Parametry: |
| Pozycja tła | Dzięki temu poleceniu można ustalić pozycję obrazka w ramach tła. Niemożliwe to jest przy wartości atrybutu powtarzania: repeat Składnia reguły: selektor {background-position: pozycja;} |
| Zaczepienia tła | Domyślnie tło obrazkowe przesuwa się wraz z przewijaną stroną. Poleceniem tym można sprawić, że tło będzie nieruchome w czasie przewijania zawartości strony. Składnia reguły: selektor {background-attachment: zaczepienie;} "fixed" - tło nieruchome |
| Łączenie atrybutów tła | Natomiast wartości atrybutów to konkretne wartości atrybutów związane z tłem, wpisane we właściwej kolejności i oddzielone spacjami. Można niektóre pominąć. Wyraz selektor ma zastosowanie do wszystkich elementów. |
| Gradien liniowy | Gradient to wypełnienie tłem płynnym przejściu kilku kolorów. selektor { background: linear-gradient(kierunek, kolor1 odległość1, kolor2 odległość2...) } background: linear-gradient(to bottom, black 0%, white 100%) td - komórka tabeli |
| Gradient promienisty | Gradient promienisty to tło o płynnym przejściem kilku kolorów, wywołując efekt trójwymiarowej kuli lub oświetlenia latarki. selektor { background: radial-gradient(kształt rozmiar at pozycja, kolor1 odległość1, kolor2 odległość2...) } repeating-radial-gradient(white 33%, black 66%) p - akapit |