Pozadina u boji na web mjestu ne samo da privlači pažnju posjetitelja, već i prenosi raspoloženje resursa. Svemirske teme 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.
Neophodno je
- - vaše web mjesto
- - barem osnovno znanje HTML-a
Instrukcije
Korak 1
Da biste napravili jednobojnu pozadinu, pronađite sljedeće oznake i 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 označili boju pozadine riječju, napišite sljedeći kod:
Ovdje je "žuta" naziv žute boje.
Korak 3
Umjesto žute kodne oznake ili njenog imena, dodajte željenu oznaku boje pozadine koja vam je potrebna na ovaj savjet:
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")
Korak 4
Ako želite imati pozadinu stranice koja se ponavlja, odaberite malu sliku na kojoj će tekst biti jasno vidljiv. Otpremite sliku na web lokaciju. 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:
body {
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:
body {
pozadina-slika: url ('/ images / fon.jpg');
pozadina-ponavljanje: ponavljanje;
}
Ovdje parametar background-image definira pozadinsku sliku, background-repeat - ponavljanje slike. Na stranici.
