CSS Bağlantılar

Sitenizdeki bağlantıları CSS kullanarak şekillendirmek için bazı özel eklerden faydalanılır.

Bir bağlantı dört farklı şekilde stillendirilebilir. 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üş
  • a:active - Tıklanılan andaki görüntüsü
Yukarıdaki tüm süreçler için biçimlendirme yapmamız mümkün:

CSS Kodu

   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 gelmeli.
  • a:active her zaman a:hover dan SONRA gelmeli.