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.