Css ile Linklerin Kullanımı

Değerli dostlar bu dersimizde Css ile <a> elementinin yani linklerin Css ile nasıl şekillendireceğimizi öğreneceğiz.Şimdi dilerseniz hiç vakit kaybetmeden ilk örneğimiz ile başlayalım. Aşağıdaki örnek kodu inceleyelim.

a {
  color: red;
}

Yukarıdaki örnek kodumuzda Css ile a yani linkimize bir color özelliği kazandırdık.

Diğer Css Özellikleri

Css ile linklerimize daha fazla özellik katmak mümkün. Örneğin Mouse link üzerine geldiğinde farklı bir özellik, ziyaret edilen linklere ayrı bir özellik veya linkimiz aktif olduğunda ayrı bir özellik gibi. Şimdi aşağıda yer alan örnek kodumuzu inceleyelim.

a:link { /* Ziyaret edilmemiş link */
  color: red;
}

a:visited { /* Ziyaret edilmiş link */
  color: green;
}

a:hover { /* Mouse üzerine geldiğinde */
  color: hotpink;
}

a:active { /* Link seçildiğinde */
  color: blue;
}

Evet dostlar yukarıda yer alan örnek kodumuzda görüldüğü gibi Css ile linklerimizi diğer koşullarda da özelleştirdik. Bu dersimiz kısaca bu kadar bir diğer Css dersinde görüşmek üzere.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Shares