logo

Kaip pakeisti nuorodos spalvą CSS?

Nuorodos naudojamos vienam puslapiui sujungti su kitais tinklalapiais. Nuorodos su tuo pačiu spalva nes likusį tekstą sunku pastebėti. CSS spalvos ypatybė naudojama nuorodų spalvoms pakeisti.

java pamoka pradedantiesiems

Naudodami CSS , galime įvairiais būdais stilizuoti nuorodas. Galime nustatyti kai kurias hipersaito būsenas, kurios yra tokios:

a:aktyvus Jis naudojamas norint pridėti stilių prie aktyvaus elemento.
a:hover Jis prideda specialiųjų efektų prie elemento, kai vartotojas perkelia pelės žymeklį ant elemento.
nuoroda Tai suteikia nelankomai nuorodai stiliaus.
a: lankėsi Tai prideda stilių aplankytai nuorodai.

Pažymėtina, kad CSS apibrėžime a:hover turi ateiti paskui nuoroda ir a:apsilankė ir taip pat a:aktyvus turi ateiti po a:hover kad būtų veiksmingi.

Hipersaito būsenų deklaravimo tvarka pateikiama taip:

 a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} 

Norėdami pakeisti nuorodos spalvą, turime naudoti spalva CSS nuosavybė. Spalvos pavadinimas gali būti pateiktas bet kokiu tinkamu formatu, pvz., spalvos pavadinimu, rgb() reikšme arba HEX reikšme.

javascript įkėlimo scenarijus

Dabar pažiūrėkime, kaip nustatyti nuorodų spalvą naudojant kelis pavyzdžius.

Pavyzdys

Pagal numatytuosius nustatymus įprastų arba nelankytų nuorodų spalva yra mėlyna. Šiame pavyzdyje mes keičiame numatytąją nuorodos spalvą naudodami spalva nuosavybė.

kur yra naršyklės nustatymai
 a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> 
Išbandykite dabar

Išvestis

Kai programa bus vykdoma, pamatysime tokį ekraną.

Kaip pakeisti nuorodos spalvą CSS

Užvedus pelės žymeklį nuoroda atrodys taip:

Kaip pakeisti nuorodos spalvą CSS

Kai nuoroda yra aktyvios būsenos, nuorodos spalva yra raudona, kaip parodyta toliau.

Kaip pakeisti nuorodos spalvą CSS