Da biste uljepšali svoju web stranicu na Internetu, možete izmijeniti njen dizajn. Promjena dizajna podrazumijeva bilo koju radnju, od promjene pozadine glavne stranice do potpunog precrtavanja predloška web stranice. Ako odlučite promijeniti pozadinu svoje web lokacije, sljedeća uputa će vam pomoći u rješavanju ovog problema.
Potrebno
Uređivanje css datoteke
Instrukcije
Korak 1
Kôd dizajna web lokacije se uglavnom 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 svoju web lokaciju, 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 do datoteke slike koja će se nalaziti u istoj mapi sa css datotekom.
Korak 3
Ako želite pločicom dodati malu sliku ili malu sliku, upotrijebite naredbu za ponavljanje pozadine. Da 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ž y osi;
pozadina-ponavljanje: ponavljanje - ponavljanje slike duž dvije osi odjednom;
pozadina-ponavljanje: bez ponavljanja - slika se ne ponavlja;
pozadinski prilog: pomicanje - pomicanje slike zajedno sa stranicom;
pozadina-prilog: fiksno - slika se ne pomiče.
Koristeći sintaksu ove naredbe, možete pokazati kako to radi u primjerima:
pozicija u pozadini: 30px 40px - Slika se spušta 30 piksela odozgo i 40 piksela slijeva udesno.
pozicija u pozadini: 60% 35% - Lijevo popunjavanje je 60%, a gornje oblaganje 25%.
