logo

Jak změnit barvu odkazu v CSS?

Odkazy se používají k propojení jedné stránky s jinými webovými stránkami. Odkazy se stejným barva protože zbytek textu je těžké si všimnout. Vlastnost color CSS se používá pro změnu barvy odkazů.

Logika 1. řádu

Pomocí CSS můžeme odkazy stylizovat různými způsoby. Můžeme nastavit některé stavy hypertextového odkazu, které jsou následující:

a:aktivní Používá se k přidání stylu aktivnímu prvku.
a:hover Přidává speciální efekty k prvku, když uživatel přesune ukazatel myši na prvek.
odkaz Nenavštívenému odkazu dodává styl.
a:navštívil Přidává styl navštíveným odkazem.

Je třeba poznamenat, že v definici CSS, a:hover musí přijít po odkaz a a:navštívil a také a:aktivní musí přijít po a:hover aby byla účinná.

Pořadí deklarování stavů hypertextového odkazu je následující:

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

Chcete-li změnit barvu odkazu, musíme použít barva vlastnost CSS. Název barvy lze zadat v libovolném platném formátu, jako je název barvy, hodnota rgb() nebo HEX hodnota.

neuspořádané procházení binárního stromu

Nyní se podívejme, jak nastavit barvu odkazů na několika příkladech.

Příklad

Ve výchozím nastavení je barva normálních nebo nenavštívených odkazů modrá. V tomto příkladu měníme výchozí barvu odkazu pomocí barva vlastnictví.

Java connect s mysql
 a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> 
Otestujte to hned

Výstup

Po spuštění programu se zobrazí následující obrazovka.

Jak změnit barvu odkazu v CSS

Po umístění kurzoru bude odkaz vypadat takto:

Jak změnit barvu odkazu v CSS

Když je odkaz v aktivním stavu, je barva odkazu červená, jak je znázorněno níže.

Jak změnit barvu odkazu v CSS