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.
Erilaisten hyperlinkkien ymmärtäminen
Hyperlinkit ovat sivusi erityisiä elementtejä, koska ne ovat vuorovaikutteisia. Osoittaakseen, että ne ovat vuorovaikutteisia, ne väritetään eri tavalla niiden tilan mukaan. Hyperlinkissä on kolme alkuperäistä väriä, jotka edustavat kolmea eri väriä:
- Käynyt linkki - Väri, kun linkki on käynyt. Jos hyperlinkki on tämä väri, käyttäjä voi odottaa, että linkin napsauttaminen vie ne jo näkymäänsä sivulle.
- Hover-linkki - väri, kun hiiri liikkuu linkin yli. Jos tämä väri on hyperlinkki, käyttäjä voi odottaa, että hiiren vasen painike (klikkaamalla) ja sitten painikkeen vapauttaminen aiheuttaa linkin vierailun. Hover-väri on sama sekä Active- että Visited-linkeissä.
- Active Link - linkin väri napsautettaessa. Kun käyttäjä näkee tämän värin, he voivat odottaa, että hiiren painikkeen vapauttaminen saa selaimen käymään linkissä.
Vihje: Katso hyperlinkin määritelmä lisätietoja ja niihin liittyviä kysymyksiä hyperlinkkeihin.
CSS-linkin värin esimerkki
Alla olevassa CSS-esimerkissä asetamme hyperlinkin värit muistuttamaan tällä sivulla näkyvää. Ensinnäkin kaikki ankkurit on asetettu # 2c87f0 (sinisen sävy), # 636, violetti, ja kaikki hover- ja aktiiviset linkit ovat värit: # c33 (punainen). Alla oleva koodi voidaan lisätä CSS-tyylielementtiin tai .css-tiedostoon.
a {väri: # 2c87f0; } a: vieraili {väri: # 636; } a: hover, a: aktiivinen, a: tarkennus {väri: # c33; } 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. Voit lisätä edellä mainitun koodin CSS-tiedostoon ja liittää kaikki Web-sivut kyseiseen CSS-tiedostoon. Sitten voit muuttaa taustaväriarvoja samassa CSS-tiedostossa, jotta voit välittömästi muuttaa siihen linkitettävien kaikkien sivujen taustavärin.
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-ruudun 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 linkki muuttuu väriksi napsautettaessa.
BGCOLOR = Sivun taustaväri.