Použití

---

Pozadí může být tvořeno vlastním obrázkem či barevným přechodem.

U vlastního obrázku nastavujeme jeho:

1. URL adresu
   - url(odkaz na obrázek)


2. opakování na stránce
   - no-repeat (nebude se opakovat)
   - repeat (bude se opakovat)
   - repeat-x /y (bude se opakovat v "x" nebo v "y")


3. pozici
   - center / left / right / top / bottom
   - 20% 80% (pozice "x" a "y" na stránce)


4. velikost
   - 300px / 60%
   - cover (je přes celou stránku - s ořezy)
   - contain (pouze na výšku textu - bez ořezů)

Přechod na pozadí může být:

- pruhový (linear-gradient)

- kruhový (radial-gradient)

Zápis

---

Příklad zadání parametrů obrazku:

body {background-image: url(images/ fotka.jpg);
background-repeat: repeat-x;
background-position: 20% 90%;
background-size: contain;}


U více obrázků stačí oddělovat čárkami. "background-image: url(images/fotka.jpg), url(images/foto.jpg);"


Zápis pro přechod: body {background:repeating-linear nebo radial-gradient(red,salmon)}