Kako promijeniti boju pozadine i teksta web-stranice

U nastavku su opisani koraci za promjenu boje pozadine web-stranice u HTML-u i CSS-u. Iako se boja pozadine može izvršiti pomoću oznake HTML BODY, preporučujemo da u CSS-u navedete vrijednosti boje pozadine kao što je prikazano u nastavku.

Savjet: Prilikom definiranja boje bilo kojeg elementa web-stranice, možda ćete morati koristiti HTML kodove boja. Za glavne boje možete odrediti i imena tih boja umjesto da koristite kodove boja, na primjer, crvena, plava, zelena i crna umjesto da koristite njihove poštovane vrijednosti kodova boja.

CSS primjer

U primjeru CSS-a u nastavku postavljamo tijelo da ima pozadinsku boju crne boje dodavanjem "pozadinske boje: # 000;" u tijelu. Budući da je boja pozadine crna, boja teksta se također mora promijeniti ili se neće vidjeti. Dakle, postavljamo boju teksta na bijelu dodavanjem "color: #fff;" u blok.

 tijelo {font-family: Helvetica, Arial, sans-serif; background-color: # 000; boja: #fff; } 

Ako vaša stranica ne koristi CSS ili ne želite pretvoriti u CSS, u nastavku se nalaze koraci kako to učiniti u oznaci BODY u HTML kodu. Međutim, kao što smo već spomenuli, preporučujemo da koristite gornji CSS kôd umjesto oznake tijela. Ako koristite CSS styling, možete jednom promijeniti vrijednosti pozadinske boje, a promjene će se automatski primijeniti na sve HTML elemente koji koriste taj stil.

Primjer HTML oznake tijela

U nekim vrlo rijetkim situacijama možda neće biti moguće koristiti CSS. Za te situacije možete definirati i boju pozadine, boju teksta, boju veze i druge vrijednosti unutar HTML oznake tijela kao što je prikazano u nastavku.

U nastavku se nalaze opisi svakog atributa HTML u oznaci tijela.

TEXT = Boja teksta.

LINK = Boja veza.

VLINK = Posjećena boja veze.

ALINK = Boja aktivne veze ili boja na koju se veza mijenja kada se klikne.

BGCOLOR = Boja pozadine stranice.

Savjet: kako bi bolje ilustrirali sve gore navedene vrijednosti, na ovoj je stranici boja veze plava, veze koje ste posjetili ljubičaste, a veze koje se nalaze iznad ili su kliknute crvene su.