logo

CSS'de bağlantı rengi nasıl değiştirilir?

Bağlantılar bir sayfayı diğer web sayfalarına bağlamak için kullanılır. Aynı olan bağlantılar renk çünkü metnin geri kalanını fark etmek zordur. Bağlantıların rengini değiştirmek için CSS'nin color özelliği kullanılır.

Java'daki dizelerle karşılaştırın

CSS kullanarak bağlantılara farklı şekillerde stil verebiliriz. Köprünün bazı durumlarını aşağıdaki gibi ayarlayabiliriz:

a:aktif Aktif bir öğeye stil eklemek için kullanılır.
a: üzerine gelin Kullanıcı fare işaretçisini öğenin üzerine getirdiğinde öğeye özel efektler ekler.
bir bağlantı Ziyaret edilmeyen bağlantıya stil katar.
a:ziyaret edildi Ziyaret edilen bir bağlantıya stil katar.

CSS tanımında şunu belirtmek gerekir ki, a: üzerine gelin sonra gelmeli bir bağlantı Ve a:ziyaret edildi ve ayrıca a:aktif 'dan sonra gelmeli a: üzerine gelin etkili olabilmesi için.

Köprü durumlarının bildirilme sırası şu şekilde verilmiştir:

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

Bağlantı rengini değiştirmek için şunu kullanmalıyız: renk CSS'nin özelliği. Rengin adı, renk adı, rgb() değeri veya HEX değeri gibi herhangi bir geçerli biçimde verilebilir.

Şimdi bazı örnekler kullanarak bağlantıların renginin nasıl ayarlanacağını görelim.

Örnek

Varsayılan olarak normal veya ziyaret edilmeyen bağlantıların rengi mavidir. Bu örnekte, varsayılan bağlantı rengini aşağıdaki komutu kullanarak değiştiriyoruz: renk mülk.

 a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> 
Şimdi Test Edin

Çıktı

Program çalıştırıldığında aşağıdaki ekranla karşılaşacağız.

CSS'de bağlantı rengi nasıl değiştirilir?

Fareyle üzerine gelindiğinde bağlantı aşağıdaki gibi görünecektir:

CSS'de bağlantı rengi nasıl değiştirilir?

Bağlantı aktif durumda olduğunda bağlantının rengi aşağıda gösterildiği gibi kırmızı olur.

CSS'de bağlantı rengi nasıl değiştirilir?