Stiluri pentru background

Culoarea pentru fundal (background) sau imagine poate fi definită pentru întreaga pagină, o celulă a tabelului sau pentru text.
Culoare de fond
background-color defineşte culoarea de fond şi poate fi asociat oricărei etichete HTML.

Exemplu: definim un stil pentru întreg BODY şi un altul pentru eticheta p

Cod:

Text normal Text cu background rosu

Imagine de fond
Imaginile pot fi folosite ca fundal în spatele întregii pagini, a unui obiect sau a textului.
background-image asociază o imagine ca fundal unui obiect.

Exemplu: definim un stil pentru eticheta p

Cod:

Text normal Text cu imagine de fond

Repetare
Funcţie de dimensiunile obiectului căruia îi sunt asociate imaginile de fond se repetă pe orizontală şi verticală.
Repetarea poate fi controlată prin parametrul background-repeat care poate lua valorile:
repeat-x - imaginea se repetă pe orizontală
repeat-y - imaginea se repetă pe verticală
no-repeat - imaginea nu se repetă

Exemplu: imaginea nu se repetă sub eticheta p:

Cod:

Text normal Text cu imagine de fond

Poziţia
În
mod normal imaginea de fundal începe din colţul stânga sus al
obiectului asociat, dar acest lucru poate fi controlat prin comanda CSS
background-position.
Sunt acceptate două valori:
în prima poziţie poate fi: top, center, bottom, percentage sau pixel
în a doua poziţie poate fi: right, center, left, percentage sau pixel

Exemplu: imaginea de fundal este asociată etichetei BODY fiind amplasată top şi center, fără repetare:

Cod:

Text normal