Pozadina u boji na web mjestu ne samo da privlači pažnju posjetitelja, već i prenosi raspoloženje resursa. Svemirske tematike stvaraju atmosferu tajanstvenosti s pozadinom u obliku zvjezdanog neba, zabavni izvori razveseljavaju bogatim bojama toplih boja, web usluge gradskih službi pokazuju svoju službenost strogim dizajnom i pozadinama uglavnom sivih i plavih nijansi. Postoji nekoliko načina kako svoju web stranicu obojati.
Nužno je
- - vaše web mjesto
- - barem osnovno znanje HTML-a
Upute
Korak 1
Da biste napravili jednobojnu pozadinu, pronađite sljedeće oznake u HTML kodu. Promijenite prvu oznaku ovako:
U ovoj je konstrukciji # FFFF33 kodirana nijansa žute boje.
Korak 2
Boja stranice može se odrediti ne samo kodom, već i posebnim riječima - imenima primarnih boja. Da biste riječju označili boju pozadine, napišite sljedeći kod:
Ovdje je "žuta" naziv žute boje.
3. korak
Umjesto žute kodne oznake ili njezina imena, dodajte željenu oznaku boje pozadine koja vam je potrebna pomoću sljedećeg:
crvena - "crvena" ("# FF0000")
plava - "plava" ("# 0000FF")
zelena - "zelena" ("# 008000")
ružičasta - "ružičasta" ("# FFC0CB")
ljubičasta - "ljubičasta" ("# EE82EE")
narančasta - "narančasta" ("# FFA500")
crna - "crna" ("# 000000")
4. korak
Ako želite imati pozadinu stranice koja se ponavlja, odaberite malu sliku na kojoj će tekst biti jasno vidljiv. Prenesite sliku na web mjesto. Da biste sliku postavili kao pozadinu, unesite ovaj kôd u oznaku
U ovom unosu, umjesto "/images/fon.jpg" navedite put do željene slike.
Korak 5
Boja web stranica može se postaviti ne samo u HTML kodu, već i pomoću CSS stilova. Koristeći ove stilove, ne morate svaki put postaviti pozadinu u kodu nove stranice. Da biste definirali pozadinu u CSS-u između oznaka i postavili unos poput ovog:
tijelo {
pozadina: # FFFF33;
}
Ovdje je boja pozadine postavljena parametrom pozadine.
Korak 6
Ako želite napraviti pozadinu u CSS-u pomoću slike, onda između i napišite sljedeći kod, umjesto '/images/fon.jpg' navodeći put do željene slike:
tijelo {
pozadinska slika: url ('/ images / fon.jpg');
pozadina-ponavljanje: ponavljanje;
}
Ovdje parametar background-image definira pozadinsku sliku, background-repeat - ponavljanje slike. Na stranici.
