Web-sivun taustan ja tekstin värin muuttaminen

Alla on ohjeita, joiden avulla voit muuttaa HTML- ja CSS-sivun taustavärin. Vaikka taustaväri voidaan tehdä HTML-BODY-tunnisteella, suosittelemme, että määrität taustaväriarvot CSS: ssä alla olevan kuvan mukaisesti.

Vihje: Kun määrität minkä tahansa verkkosivun elementin värin, sinun on ehkä käytettävä HTML-värikoodeja. Suurimpien värien kohdalla voit myös määrittää näiden värien nimet värikoodien käyttämisen sijaan, esimerkiksi punaisen, sinisen, vihreän ja mustan, sijasta niiden noudattamien värikoodiarvojen käyttämisen.

CSS-esimerkki

Alla olevassa CSS-esimerkissä asetamme keholle mustan taustavärin lisäämällä "taustaväri: # 000;" kehon lohkossa. Koska taustaväri on musta, myös tekstin värin on muututtava tai sitä ei näy. Joten asetamme tekstin värin valkoiseksi lisäämällä "väri: #fff;" lohkoon.

 elin {font-family: Helvetica, Arial, sans-serif; background-color: # 000; väri: #fff; } 

Jos sivusi ei käytä CSS: ää tai et halua muuntaa CSS: ksi, alla on ohjeita HTML-koodin BODY-tunnisteessa. Kuten edellä mainittiin, suosittelemme kuitenkin yllä olevan CSS-koodin käyttöä kehon tunnisteen sijaan. Jos käytät CSS-muotoilua, voit muuttaa taustaväriarvoja kerran, ja muutokset kohdistetaan automaattisesti kaikkiin HTML-elementteihin, jotka käyttävät tätä tyyliä.

HTML-kehotunniste

Joissakin hyvin harvinaisissa tilanteissa CSS: ää ei ehkä ole mahdollista käyttää. Näissä tilanteissa voit myös määrittää taustavärin, tekstin värin, linkin värin ja muut HTML-rungon tunnisteen arvot alla olevan kuvan mukaisesti.

Alla on kuvaus jokaisesta HTML-määritteestä kehon tunnisteessa.

TEXT = Tekstin väri.

LINK = Linkkien väri.

VLINK = Käynnissä olevan linkin väri.

ALINK = Aktiivisen linkin väri tai linkin muuttunut väri napsautettaessa.

BGCOLOR = Sivun taustaväri.

Vihje: Jos haluat paremmin kuvata kaikkia edellä mainittuja arvoja, tällä sivulla linkin väri on sininen, vierailemasi linkit ovat purppuranpunaisia, ja linkit, jotka on siirretty päälle tai napsautettu, ovat punaisia.