Pozadí

Background-color

Barva na pozadí

h1.green{background-color: green;}

Nadpisy h1 s třídou green budou mít zelenou barvu pozadí.
Dají se použít všechny zápisy barev, jak jsem napsal v článku Barvy

Background-image

Obrázek na pozadí

body{background-image: green.jpg;}

Na pozadí stránky bude zobrazen obrázek green.jpg.
Pokud je obrázek menší než zobrazovaná plocha, pak se obrázek opakuje směrem dolů a doprava.Toto jde ale upravit pomocí dalších příkazů.

Background-repeat

Určuje bude-li se obrázek opakovat a jak se bude opakovat.

Atribut	Význam:
no-repeat repeat repeat-x repeat-y inherit	nebude se opakovat obrázek se opakuje doprava a dolů obrázek se opakuje doprava obrázek se opakuje dolu hodnota se zdědí po rodičovském prvku

Background-attachment

Určuje bude-li se obrázek pohybovat se stránkou při rolování, nebo bude-li vždy na jednom místě.

Atribut	Význam:
fixed scroll inherit	nebude se pohybovat obrázek se pohybuje se stránkou hodnota se zdědí po rodičovském prvku

Background-position

Určuje umístění obrázku

Atribut	Význam:
<procenta> <číslo> top left top center right top right center left center bottom left bottom right bottom center inherit	např: 50% 50% - levý horní roh obrázku bude ve středu obrazovky 400px 50px - levý horní roh obrázku bude na pozici 400,50 obrázek je zobrazen vlevo nahoře obrázek je zobrazen uprostřed nahoře obrázek je zobrazen vpravo nahoře right center left center bottom left bottom right bottom center hodnota se zdědí po rodičovském prvku

Background

Sdružuje všechny výše zmíněné příkazy v jeden.
Je to zkrácený tvar, tedy rychlejší, pro někoho přehlednější.

body{ background: Green url(green.jpg) repeat fixed top left;}