Da biste uljepšali svoje web mjesto na Internetu, možete izmijeniti njegov dizajn. Promjena dizajna podrazumijeva bilo koju radnju, od promjene pozadine glavne stranice do potpunog precrtavanja predloška web stranice. Ako odlučite promijeniti pozadinu web mjesta, sljedeća će vam uputa pomoći u rješavanju ovog problema.
Potrebno
Uređivanje css datoteke
Upute
Korak 1
Kôd dizajna web stranice uglavnom se nalazi u datoteci style.css. Ali svaki se predložak može razlikovati od prethodnog, tako da se kod dizajna može nalaziti u drugoj datoteci, ali i s css nastavkom. Da biste postavili boju pozadine svoje web stranice, morate unijeti ili zamijeniti postojeću vrijednost sljedećim izrazom: / * bijela pozadina * / body {
background-color: #FFFFFF;} / * bijela pozadina naslova, crna boja fonta * / h1 {
boja: # 000000;
boja pozadine: #FFFFFF;
}
Korak 2
Da biste umetnuli bilo koju sliku kao pozadinu na svojoj web lokaciji, morate unijeti ili zamijeniti postojeću vrijednost sljedećim izrazom: body {
boja pozadine: # 000000;
pozadina-slika: url ("Slika-1.jpg");
}
Treba napomenuti da je u ovom slučaju potrebno dati vezu na slikovnu datoteku koja će se nalaziti u istoj mapi s css datotekom.
3. korak
Ako želite pločicom dodati malu sliku ili malu sliku, upotrijebite naredbu pozadina-ponavljanje. Kako bi se ova naredba pravilno koristila, postoji nekoliko poboljšanja ove naredbe:
background-repeat: repeat-x - ponavljanje slike duž x osi;
background-repeat: repeat-y - ponavljanje slike duž osi y;
pozadina-ponavljanje: ponavljanje - ponavljanje slike duž dvije osi odjednom;
pozadina-ponavljanje: bez ponavljanja - slika se ne ponavlja;
pozadina-privitak: pomicanje - pomicanje slike zajedno sa stranicom;
background-attachment: fixed - slika se ne pomiče.
Koristeći sintaksu ove naredbe, možete pokazati kako to radi u primjerima:
položaj u pozadini: 30px 40px - Slika se spušta 30 piksela odozgo i 40 piksela slijeva udesno.
položaj u pozadini: 60% 35% - Lijevi uložak iznosi 60%, a gornji utor 25%.
