HTML-linkkien väri asetetaan käyttämällä asianmukaisia tunnisteohjeita. Voit käyttää CSS-koodia myös tagin parametrien muuttamiseen, jonka avulla voit muokata sivun värejä ja asettelua tarkemmin.
HTML
Avaa HTML-tiedosto millä tahansa tekstieditorilla. Voit tehdä tämän napsauttamalla tiedostoa hiiren kakkospainikkeella, valitsemalla "Avaa kanssa" ja valitsemalla sitten käytettävän ohjelman.
Siirry sivutunnisteeseen ja aseta lisää linkki-, vlink- ja alink-määritteet. Linkki-parametri määrittää sivun tavallisen linkin värin ja on oletuksena sininen. Alink-määritteen lisääminen muuttaa väriä, kun napsautat vasemmalla painikkeella (oletusarvoisesti punainen). Vlink osoittaa jo käyneiden linkkien värin. Voit asettaa parametrit seuraavasti:
Tässä esimerkissä merkityn tekstin väri on muutettu mustaksi. Kun napsautetaan hiirellä, fragmentti korostetaan vihreällä. Kun palaat sivulle, näet, että linkki on ruskea.
Englanninkielisten nimien määrittelemisen sijasta voit myös käyttää HTML-hex-arvoja halutun sävyn asettamiseen:
CSS
CSS-määritteillä voidaan määrittää sivun väri. Esimerkiksi:
Linkki
Linkki 2
Tekstin väri asetetaan määrittämällä CSS-väriparametri tyylimääritteeseen, joka voidaan määrittää joko heksadesimaalimuodossa tai sanamuodossa.
Voit määrittää sivun kaikkien linkkien värin CSS: n avulla siirtymällä osioon. Määritä tunniste, jolla ilmoitetaan tyylitaulukon käytöstä asiakirjassa, ja aseta sitten tagille vierailut, aktiiviset ja hiiren parametrit. Esimerkiksi koodinpätkä saattaa näyttää tältä:
Sivun otsikko
a {väri: vihreä; }
a: käynyt {väri: harmaa; }
a: aktiivinen {väri: keltainen; }
a: leijuva {väri: oranssi; }
& lt / head>
Yksinkertainen attribuutti osoittaa sivulle sijoitetun normaalin linkin värin. A: käy määrittää aiemmin käydyn linkin tyylin, a: active korostetaan napsauttamalla. Hover asettaa väriasetukset hiiren osoittamiseen tekstin päälle.
Tallenna tiedostoon tehdyt muutokset ja tarkista selainikkunassa määrittämäsi koodin tulos. Jos kaikki parametrit on määritetty oikein, hyperlinkkien näytössä näkyy muutoksia. Voit avata HTML-asiakirjan selaimessa kaksoisnapsauttamalla sitä hiiren vasemmalla painikkeella tai napsauttamalla hiiren kakkospainikkeella ja valitsemalla sopiva kohde avattavasta”Avaa” -valikosta.
