Barvno ozadje na spletnem mestu ne samo pritegne pozornost obiskovalcev, temveč tudi prenaša razpoloženje vira. Strani s tematiko vesolja ustvarjajo ozračje skrivnosti z ozadjem v obliki zvezdnega neba, zabavni viri se razveseljujejo z bogatimi barvami toplih barv, spletne storitve mestnih služb kažejo svojo uradnost s strogim dizajnom in ozadji večinoma sivih in modrih odtenkov. Obstaja več načinov, kako svojo spletno stran obarvati.
Potrebno je
- - vaše spletno mesto
- - vsaj osnovno znanje HTML
Navodila
Korak 1
Če želite ustvariti enobarvno ozadje, poiščite naslednje oznake in v kodi HTML. Spremenite prvo oznako tako:
V tej konstrukciji je # FFFF33 kodiran rumen odtenek.
2. korak
Barve strani lahko določite ne samo s kodo, temveč tudi s posebnimi besedami - imeni osnovnih barv. Če želite z besedo označiti barvo ozadja, napišite naslednjo kodo:
Tu je "rumena" ime rumene barve.
3. korak
Namesto rumene kodne oznake ali njenega imena oznaki dodajte želeno oznako barve ozadja, ki jo potrebujete:
rdeča - "rdeča" ("# FF0000")
modra - "modra" ("# 0000FF")
zelena - "zelena" ("# 008000")
roza - "roza" ("# FFC0CB")
vijolična - "vijolična" ("# EE82EE")
oranžna - "oranžna" ("# FFA500")
črna - "črna" ("# 000000")
4. korak
Če želite imeti v ozadju strani ponavljajočo se sliko, izberite majhno sliko, na kateri bo besedilo jasno vidno. Naložite sliko na spletno mesto. Če želite sliko postaviti za ozadje, vnesite to kodo v oznako
V tem vnosu namesto "/images/fon.jpg" določite pot do želene slike.
5. korak
Barve spletnih strani lahko nastavite ne samo v kodi HTML, temveč tudi s pomočjo slogov CSS. Z uporabo teh stilov vam ni treba vsakič nastaviti ozadja v kodi nove strani. Če želite med oznakami določiti ozadje v CSS in postaviti vnos, kot je ta:
telo {
ozadje: # FFFF33;
}
Tu je barva ozadja nastavljena s parametrom ozadja.
6. korak
Če želite v CSS narediti ozadje s pomočjo slike, potem med in napišite naslednjo kodo, namesto da '/images/fon.jpg' določite pot do želene slike:
telo {
slika ozadja: url ('/ images / fon.jpg');
background-repeat: ponovitev;
}
Parameter background-image tukaj definira sliko ozadja, background-repeat - ponovitev slike. Na strani.
