Kuinka luoda monivärisiä linkkejä HTML-muodossa

Useita eri tapoja luoda monivärisiä linkkejä verkkosivulle. Kaikille, jotka ovat kiinnostuneita tekemään näin oikein, suosittelemme käyttämään CSS-ratkaisua, koska fonttimerkki on vanhentunut.

CSS-luokan ratkaisu

Koodi

Ensimmäinen ja asianmukaisin tapa luoda monivärinen linkki on käyttää CSS: ää määrittämään värisi ja käyttämään niitä myöhemmin todellisessa linkissä. Alla olevassa koodiesimerkissä voit sijoittaa alla olevan CSS-koodin Web-sivusi osaan ja määrittää kaksi värinimeä ja väriä HTML-värikoodien avulla.

 .blue {väri: # 00f;} .green {väri: # 008000;} 

Seuraavaksi on linkki, joka sisältää span-tunnisteet, jotka käyttävät edellä mainittuja CSS-värejä.

 ComputerHope 

esimerkki

Tietokoneen toivo

Tyyli-ominaisuus

Toinen tapa luoda monivärinen linkki on käyttää tunnisteessa olevaa tyyli-attribuuttia, kuten span-tagia. Suosittelemme kuitenkin edellä mainittua ratkaisua, koska kun CSS on luotu, sitä voidaan käyttää useita kertoja koko sivun ja vaatii vähemmän koodia.

 Tietokoneen toivo 

esimerkki

Tietokoneen toivo

HTML-fontin tunniste

Tunnisteen käyttäminen on toinen tapa luoda monivärisiä linkkejä. Kirjasinkoko on kuitenkin vanhentunut, ja suositellaan, että käytät tätä ratkaisua vain, jos CSS ei ole käytettävissä.

Koodi

 ComputerHope 

esimerkki