Css Link Ayarları Ders 9

Merhaba, Bu dersimizde Css kullanarak linklere görsellik eklemeyi inceleyeceğiz. Linkleri görsellik ve kullanım açısından irdeler isek bir linkin 4 farklı durumu olduğunu görebiliriz. Bunlar ;

• Tıklanmamış (Link)
• Mouse üzerinde (Hover)
• Mouse Üzerinde ve Basılı (Active)
• Tıklanmış (Visited)

Şimdi bir linke css atayalım.

A:link

{

Color:white;

}

  Bu kod ile linkin boş haline beyaz renk atamış olduk.

A:hover

{

Color:blue;

Text-decoration:underline;

}

  Üzerine gelindiğindeki rengi mavi ve altı çizili olacak.

A:active

{

Color:red;

Text-decoration : none;

}

  Basıldığında underline gidecek ve rengimiz kırmızı olacak.

A:visited

{

Color:blue;

}

  Ziyaret edilmiş sayfa linkleri artık mavi olacak. Bu makalemiz sayesinde linklerden de kısaca bahsetmiş olduk bir sonraki makalemizde css ile tablo görselleştirme işlemlerine değineceğiz.   İyi Günler Dilerim,