| Kolor tła | selektor {background-color: kolor;} div {background-color: silver;} |
|
| Tło Obrazkowe | selektor {background-image: url(adres);} background-image: url("file:///c:/CSS/_rozwiazanie/tla_marginesy/grafiki/tlo_1.jpg"); |
|
| Powtarzanie tła | selektor {background-repeat: powtarzanie;} div{background-repeat: repeat;} |
|
| Pozycja tła | selektor {background-position: pozycja;} div{background-position: center;} |
|
| Zaczepienie tła | selektor {background-attachment: zaczepienie;} div{background-attachment: fixed;} |
|
| Łączenie atrybutów tła | selektor {background: wartości atrybutów;} p {color: #800000; background: #00ff00 url(../../grafiki/cwiczenie_13/tlo_css.jpg) no-repeat scroll center;} |
|
| Gradient liniowy | selektor { background: linear-gradient(kierunek, kolor1 odległość1, kolor2 odległość2...) } background: linear-gradient(to bottom, black 0%, white 100%) |
|
| Gradient promienisty | selektor { background: radial-gradient(kształt rozmiar at pozycja, kolor1 odległość1, kolor2 odległość2...) } radial-gradient(white, black) |