Kaikki Web-selaimet käyttävät oletusvärejä linkkeihin, jos Web-suunnittelija ei aseta niitä. He ovat:
- Oletuslinkin väri
- Aktiivisen linkin väri (kun hiirtä napsautetaan ja pidetään linkin yläpuolella)
- Seuraavan linkin väri (kun linkkiä napsautettiin aiemmin)
Lisäksi, kun useimmat verkkoselaimet eivät muuta tätä oletusarvoisesti, voit myös määrittää hover-värit - väri, jota linkki on, kun hiirtä pidetään sen päällä.
Käytä CSS: n Muuta linkin värejä
Voit vaihtaa näitä värejä käyttämällä CSS-tyylitiedostoa. Helpoin tapa vaihtaa linkin väriä on tyylin merkki:
a {väri: musta; }
Tämän CSS: n avulla jotkut selaimet muuttavat linkin kaikki osat (aktiiviset, noudetut ja hiiren osoittimet) mustiksi, kun taas muut muuttavat oletusväriä.
Käytä CSS Pseudo-luokkia Linkin kaikkien osien muuttamiseen
Näennäisluokka on edustettuna CSS: ssä kaksoispisteellä (:) ennen luokan nimeä. Neljä näennäisluokkaa vaikuttavat linkkeihin:
Voit muuttaa oletusyhteyden väriä seuraavasti:
a: linkki {väri: punainen; }
Aktiivisen värin muuttaminen:
a: aktiivinen {väri: sininen; }
Seuraavan linkin värin muuttaminen:
a: visited {väri: violetti; }
Voit vaihtaa hiiren väriä:
näkökohdat
Vältä oletusyhteyden värejä, jotta linkit eivät ole vaikeampia löytää. Esimerkiksi linkin vaihtaminen hyvin vaalealle valkoiselle taustalle valkoisella taustalla vaikuttaa haitallisesti näkövammaisille vierailijoille. Tarkoittaa myös erillisiä värejä aktiivisen ja seurannan väreille, jotta sivuston kävijät eivät sekoita, mihin sivuihin he ovat käyneet.
