Pentru codul CSS avem vreo câteva proprietăţi specializate pentru a manipula imaginile de background!
Spre norocul nostru, proprietatea background are legatura cu toate valorile şi e singurul selector :
body {
background: black url(http://121416.net/wp-content/themes/Blackfox/images/top.jpg) no-repeat top right;
}
Codul de mai sus este prescurtarea următoarelor valori ale proprietăţii background :
- background-color : noanţa cea mai apropiată de cea a imaginii
- background-image : descriem practic locaţia imaginii
- background-repeat : aici putem trece ca valoare pentru proprietate, repeat ( ceea ce înseamnă că imaginea se va repeta pe toata suprafaţa site-ului) sau repeat-y ( asta însemnând că imaginea se va repeta una lângă alta) repeat-x ( imaginea se va repeata una peste alta) şi desigur no-repeat ( asta oferindune o singură dată acea imagine)
- background-position : valorile pot fi top, center, bottom, left, right sau o combinaţie de valori cam cum a fost în pagina precedentă.
Imaginea de background poate fi folosită pe orice element de pe pagină, nu doar pe toată pagina şi asta chiar te ajută să dai un stil elementelor de pe pagina ta web.
Desigur ar fi foarte uşor să îţi faci o pagină web doar din poze, poate ar arăta bine aceste stil fotografic, sugestia mea fiind alta, să te abţii sa foloseşti această tehnică şi să încerci să pui imagini în locurile unde nu sunt texte, să foloseşti formatul .gif (pentru ca ocupă puţin şi se încarcă repede ) şi desigur un site simplist fara prea multe imagini îţi va aduce foarte multe avantaje când te analizezi din punct de vedere calitativ raportat la trafic şi la mulţumirea vizitatorilor.
