CSS Serisi – 3) CSS Örnekleri 1.4 Linkler

1.195 kez okundu

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.

wordle-css

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

Bunlar da hoşunuza gidebilir...

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Time limit is exhausted. Please reload CAPTCHA.

Tipobe365 Giriş