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.
|
1 2 3 4 5 6 7 |
A:link { Color:white; } |
Bu kod ile linkin boş haline beyaz renk atamış olduk.
|
1 2 3 4 5 6 7 8 9 |
A:hover { Color:blue; Text-decoration:underline; } |
Üzerine gelindiğindeki rengi mavi ve altı çizili olacak.
|
1 2 3 4 5 6 7 8 9 |
A:active { Color:red; Text-decoration : none; } |
Basıldığında underline gidecek ve rengimiz kırmızı olacak.
|
1 2 3 4 5 6 7 |
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,
Cevapla
Want to join the discussion?Feel free to contribute!