MdL
Rank: Administrator Mesaje : 2756
Membru din : 23/11/2011
Nick CS : nDyc3 #-
Mulţumiri : 130  |  Subiect: tutorial css  Sam Ian 05, 2013 7:07 pm |
|
| 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 BuLLeT |
|
weed
Rank: Membru Mesaje : 19
Membru din : 05/01/2013
Mulţumiri : 0 | | Subiect: Re: tutorial css Mar Ian 08, 2013 9:07 pm |
|
| un tutorial foarte bun bravo= xD |
|
D1aMoNd
Rank: Membru Mesaje : 123
Membru din : 23/03/2013
Nick CS : *sNk.D1aMoNd`s
Mulţumiri : 0 | | Subiect: Re: tutorial css Mier Apr 17, 2013 3:07 pm |
|
| |
|
Continut sponsorizat
Rank: | | Subiect: Re: tutorial css |
|
| |
|
In 
