Kaikilla verkkoselaimilla on oletusvärejä, joita he käyttävät linkkeihin, jos Web-suunnittelija ei aseta niitä. He ovat:
- Oletuslinkin väri.
- Aktiivisen linkin väri (kun hiirtä napsautetaan ja pidetään linkin kautta).
- 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ä
Muuta näitä värejä käyttämällä CSS- koodia (joitain HTML-attribuutteja, joita voit käyttää, ei ole, mutta en suosittele käyttämään mitään vanhentuneita). 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ä . On neljä pseudo-luokkaa, jotka 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ä:
a: hover {väri: vihreä; }