CSS Ders 8 (Bağlantılar)

Sitenizdeki bağlantıları css kullanarak şekillendirebilirsiniz.
Bir bağlantı dört (4) farklı şekilde stil uygulanabilir. 
Bunlar : 

  • a:link : Normal Link Görünüşü
  • a:visited : Ziyaret edilmiş siteye giden link görünümü
  • a:hover : Fare ile üzerine gelindiğindeki görünümü
  • a:active : Tıklanılan andaki görünümü

Kullanımına göre hepsine birer örnek verelim. 

   a:link {color:#FF0000;}      /* ziyaret edilmemiş */
   a:visited {color:#00FF00;}  /* ziyaret edilmiş */
   a:hover {color:#FF00FF;}  /* fare üzerindeyken */
   a:active {color:#0000FF;}  /* aktifken */ 

Yukarıdaki bağlantı biçimlerini sıralarken uymamız gereken bir sıra vardır. Bu sıraya uyulmazsa bağlantı görünümleri doğru çalışmayabilir.


  • a:hover her zaman a:link ve a:visited den SONRA gelmelidir.
  • a:active her zaman a:hover dan SONRA gelmelidir.

İlgili Konular

Yorum Yap

Boş Geçilmez
Boş Geçilmez
Boş Geçilmez

0 Yorum