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:
Kod
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.