logo

Kā mainīt saites krāsu CSS?

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.

Kā mainīt saites krāsu CSS

Virzot kursoru, saite izskatīsies šādi:

Kā mainīt saites krāsu CSS

Kad saite ir aktīvā stāvoklī, saites krāsa ir sarkana, kā parādīts tālāk.

Kā mainīt saites krāsu CSS