Alla on ohjeet verkkosivun taustavärin muuttamiseen HTML- ja CSS-kielissä. Vaikka taustaväri voidaan tehdä HTML BODY -tunnisteen avulla, suosittelemme, että määrität taustavärin arvot CSS:ssä alla olevan kuvan mukaisesti.
Kun määrität minkä tahansa verkkosivun elementin väriä, saatat joutua käyttämään HTML-värikoodeja. Pääväreille voit myös määrittää näiden värien nimet värikoodien käyttämisen sijaan, esimerkiksi punainen, sininen, vihreä ja musta niiden kunnioitettujen värikoodiarvojen sijaan.
CSS-esimerkki
Alla olevassa CSS-esimerkissä asetamme rungon taustaväriksi mustaksi lisäämällä “background-color: #000;” kehon lohkossa. Koska taustaväri on musta, tekstin väri on vaihdettava vaaleammaksi tai se ei näy. Joten asetamme tekstin värin valkoiseksi lisäämällä “color:#fff;” lohkoon.
body {
font-family:Helvetica,Arial,sans-serif;
background-color:#000;
color:#fff;
}
Jos sivulla ei käytetä CSS:ää, alla on vaiheet, joilla voit luoda saman tyylin HTML-koodin BODY-tunnisteessa. Kuten aiemmin mainittiin, suosittelemme kuitenkin käyttämään yllä olevaa CSS-koodia body-tunnisteen sijaan. Jos käytät CSS-tyyliä, voit muuttaa taustaväriarvoja kerran, ja muutokset otetaan automaattisesti käyttöön kaikkiin tätä tyyliä käyttäviin HTML-elementteihin.
Esimerkki HTML body tagista
Joissakin hyvin harvinaisissa tilanteissa CSS:n käyttö ei ehkä ole mahdollista. Näissä tilanteissa voit myös määrittää taustavärin, tekstin värin, linkin värin ja muut arvot HTML-tekstitunnisteessa alla olevan kuvan mukaisesti.
<BODY TEXT="#092d07" LINK="#1FOOFF" VLINK= "#000000" ALINK="#000000" BGCOLOR="#ffffff">
Alla on kuvaukset kunkin body-tunnisteen HTML-attribuutista.
TEKSTI = Tekstin väri.
LINK = linkkien väri.
VLINK = Vierailun linkin väri.
ALINK = aktiivisen linkin väri tai väri, johon linkki muuttuu napsautettaessa.
BGCOLOR = Sivun taustaväri.
Tällä sivulla linkin väri on sininen, linkit, joissa olet jo vieraillut, ovat violetteja ja linkit, joita viet hiirellä tai napsautat, ovat punaisia.
