tutorial css

Salut o sa va prezint ce este background cum se foloseste si propietatile lui
propietatile backgroundului sunt

Cod:

background-color
background-image
background-repeat
background-attachment
background-position


sa incepem cu background-color:
1.background-color este cum se vede dupa nume un background pe baza unei colori
sa dam un exemplu:

Cod:

body{
background-color: white}

backgroundul de mai sus este de culoarea alba


2.background-image (evident o imagine)

exemplu:

Cod:

body{
{background-image:url('imagine.png');}


3.background-repeat.adica se repeta
exemplu:

Cod:

{
background-image:url('imagine.png');
background-repeat:repeat-x;
}

acum imaginea se repeta la nesfarsit,dar daca vrem sa avem o imagine fixa care sa nu isi schimbe propietatile schimbam

Cod:

repeat-x

cu

Cod:

no-repeat

4.background-position cu acest element vom pozitiona imaginea de fundal unde dorim
exemplu:

Cod:

{
background-image:url('imagine.png');
background-repeat:repeat-x;
background-position:right top;
}

acum imaginea noastra este pozitionata in dreapta sus (right top)

putem combina propietatile de mai sus foarte usor
exemplu:

Cod:

body {background:#ffffff url('imagine.png') no-repeat right top;}

aceast fundal are:
fundalul alb
o imagine care nu se repeta
pozitia: dreapta sus

5.background-attachement acest element ne ajuta sa pozitionam o imagine de fundal care mai precisa,este folosita in special atunci cand doriti sa aveti o imagine de fundal care nu se misca in schimb textul sa se deruleze dupa scroll si imaginea este mereu vizibila

exemplu:

Cod:


body
{
background-image:url('imagine.png');
background-repeat:no-repeat;
background-attachment:fixed;
}

Cam atat despre background sper ca va este de ajutor

tutorial realizat de ApLy | franta.cL (tot eu adica)

Foarte bun tutorial bravo ;)

da chiar e bun