Kuidas luua mitmevärvilisi linke HTML-is

Mitme värvi linkide loomiseks veebilehel on mõned erinevad võimalused. Igaühele, kes on huvitatud sellest, et seda õigesti teha, soovitame kasutada CSS-lahendust, kuna fondi silt on aegunud.

CSS-klassi lahendus

Kood

Esimene ja kõige sobivam meetod mitmevärvilise lingi loomiseks on kasutada CSS-i oma värvi määratlemiseks ja seejärel neid hiljem tegelikus lingis kasutada. Alltoodud koodinäites paigutate allpool oleva CSS-koodi oma veebilehe osa ja määratlege kaks värvi nime ja värvi HTML-värvikoodide abil.

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

Järgmine on link, mis sisaldab ülalnimetatud CSS-i määratletud värve kasutavaid võrdlusmärke.

 ComputerHope 

Näide

Arvuti lootus

Stiili atribuut

Teine meetod mitmevärvilise lingi loomiseks on kasutada stiili atribuuti sildil, näiteks span tag. Soovitame siiski ülaltoodud lahendust, sest kui CSS on loodud, saab seda kasutada kogu lehekülje jooksul mitu korda ja vajab vähem koodi.

 Arvuti lootus 

Näide

Arvuti lootus

HTML-fontide lahenduse lahendus

Sildi kasutamine on teine ​​meetod mitmevärviliste linkide loomiseks. Fondi märgend on aga aegunud ja soovitatav on seda lahendust kasutada ainult siis, kui CSS pole saadaval.

Kood

 ComputerHope 

Näide