CSS Serisi – 3) CSS Örnekleri 1.4 Linkler
Merhaba arkadaşlar, CSS Tanımını, Kullanımını ve CSS Örneklerini paylaşacağım “CSS Serisi” makalelerine “CSS Örnekleri” ile devam ediyoruz. “CSS Nedir?” diye merak eden arkadaşlar ilk yazıyı, “CSS Kullanımını” öğrenmek isteyen arkadaşlar da ikinci yazıyı inceleyebilirler.
CSS Linkler
Sitemizdeki linkleri şekillendirmek veya biçimlendirmek için, CSS de bulunan bazı özel ekleri kullanabiliriz. Bir bağlantıyı dört farklı şekilde biçimlendirebiliriz.
- a:link – Normal link görünüşü
- a:visited – Önceden ziyaret edilmiş siteye giden link görünümü
- a:hover – Fare ile link üzerine gelindiğindeki görünüş
- a:active – Tıkladığımız andaki görüntüsü
Kullanımı :
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.
Evet arkadaşlar bu yazımda sizlere “CSS ile Link Örnekleri” hakkında bilgi vermeye çalıştım. Soru ve önerilerinizi yorum olarak ya da e-mail göndererek iletebilirsiniz, teşekkürler.
Kaynak: CSS.sitesi.web.tr