| Kolor tła |
Jednozadaniowy opis:selektor {background-color: kolor;}Przykład: body {background-color: lightgreen;}
|
|---|---|
| Tło Obrazkowe |
Jednozadaniowy opis:selektor {background-image: url(adres);}Przykład: background-image: url("file:///C:/CSS/tlo1.jpg");
|
| Powtarzanie tła |
Jednozadaniowy opis:selektor {background-repeat: wartość;}Przykład: body {background-repeat: no-repeat;}Parametry: repeat, repeat-x, repeat-y, no-repeat |
| Pozycja tła |
Jednozadaniowy opis:selektor {background-position: pozycja;}Przykład: body {background-position: right bottom;}Parametry: left, right, center, top, bottom, px, %, cm |
| Zaczepienie tła |
Jednozadaniowy opis:selektor {background-attachment: wartość;}Przykład: body {background-attachment: fixed;}Parametry: scroll, fixed |
| Łączenie atrybutów tła |
Jednozadaniowy opis:selektor {background: kolor url(...) repeat pozycja;}Przykład: body {background: #ccc url("grafiki/tlo_1.jpg") no-repeat center fixed;}
|
| Gradient liniowy |
Jednozadaniowy opis:selektor {background: linear-gradient(kierunek, kolor1, kolor2);}Przykład: body {background: linear-gradient(to right, red, yellow);}Parametry: to right, to bottom, 45deg, kolory |
| Gradient promienisty |
Jednozadaniowy opis:selektor {background: radial-gradient(kształt at pozycja, kolory);}Przykład: body {background: radial-gradient(circle at center, white, blue);}Parametry: circle, ellipse, center, top, kolory |