Sitemizi güzel göstermek için kimi zaman bağlantılarımıza (linklerimize) maviden farklı bir renk vermek isteriz, kimi zaman ise üzerine gelindiğinde altının çizilmesini isteriz. Bunları css’in bağlantı seçicileri olan,

• A:link
• A:visited
• A:active
• A:hover

ile düzenleriz. Şimdi bunlardan kısaca bahsederek örnek verelim.

A:link
Normal, ziyaret edilmemiş bağlantıları düzenlerken bunu kullanırız. Örneğimizde alt çizgisi olmasın bu linklerin ve renkleri kırmızı olsun istiyorum. Css dosyanızda şunları eklemelisiniz.

A:link {text-decoration: none;
color: Red;}

A:visited
Ziyaret edilmiş bağlantıları düzenlerken kullanılır. Örneğimizde alt çizgisi yine olmasın fakat bu sefer rengimiz mavi olsun.

A:visited {text-decoration: none;
color: Blue;}

A:active
Aktif bağlantılar için kullanılır. Bir bağlantı siz üzerine bir kez tıkladığınız zaman aktif olur. Örneğimizde alt çizgi olmasın, renk mavi olsun ve bağlantının boyu büyüyüp 18 piksel olsun. Bu arada normal boy 12 piksel kabul ediyorum.

A:active {text-decoration: none;
color: Blue;
font-size: 18px;}

A:hover
Fare ile bağlantıların üzerine geldiğinizde almasını istediğiniz şekli belirlememize yarar. Bağlantının üzerine geldiğinde yazımızı kalınlaştıralım.

A:hover {text-decoration: none;
color: Blue;
font-weight: bold;}

Benzer Yazılar

• Stil (CSS) Optimizasyonu
• HTML Listeleme Etiketine Görsel Eklemek
• Delphi’de Siteye Bağlantı Vermek
• Tarayıcı Uyumluluğu İçin CSS Sıfırlama