Saites tiek izmantotas, lai vienu lapu savienotu ar citām tīmekļa lapām. Saites ar to pašu krāsa jo pārējo tekstu ir grūti pamanīt. CSS krāsu īpašība tiek izmantota, lai mainītu saišu krāsu.
Izmantojot CSS, mēs varam veidot saites dažādos veidos. Mēs varam iestatīt dažus hipersaites stāvokļus, kas ir šādi:
a:aktīvs | To izmanto, lai aktīvam elementam pievienotu stilu. |
a: kursoru | Tas pievieno elementam īpašus efektus, kad lietotājs pārvieto peles rādītāju virs elementa. |
a:saite | Tas neapmeklētajai saitei piešķir stilu. |
a:visited | Tas piešķir apmeklētajai saitei stilu. |
Jāatzīmē, ka CSS definīcijā a: kursoru jānāk pēc tam a:saite un a:visited un arī a:aktīvs jānāk pēc a: kursoru lai būtu efektīva.
Hipersaites stāvokļu deklarēšanas secība ir norādīta šādi:
a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC}
Lai mainītu saites krāsu, mums ir jāizmanto krāsa CSS īpašums. Krāsas nosaukumu var norādīt jebkurā derīgā formātā, piemēram, krāsas nosaukumā, rgb() vērtībā vai HEX vērtībā.
Tagad apskatīsim, kā iestatīt saišu krāsu, izmantojot dažus piemērus.
Piemērs
Pēc noklusējuma parasto vai neapmeklēto saišu krāsa ir zila. Šajā piemērā mēs mainām noklusējuma saites krāsu, izmantojot krāsa īpašums.
a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p>Izmēģiniet to tūlīt
Izvade
Kad programma tiks izpildīta, mēs redzēsim šādu ekrānu.
Virzot kursoru, saite izskatīsies šādi:
Kad saite ir aktīvā stāvoklī, saites krāsa ir sarkana, kā parādīts tālāk.