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:

   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.