CSS’te hover Kullanımı

Hover bir html elementinin üzerine mouse geldiği zaman bir stil değişikliği oluşturarak daha görsel web sayfalarının tasarlanması için kullanılan bir css özelliğidir. Günümüzde jQuery vs. yüzünden kullanımı bazı durumlarda azalsa da yine de CSS’in en önemli özellikleriden sayılır.

Mesela aşağıdaki gibi bir kullanım, bir html tablosunun içerisinde bulunan td elementine style5 isimli bir class atandığı zaman, td elementinin arkaplan rengi gümüş rengine , içeriğindeki yazının font stili ise oblique oluyor.


.style5 { text-align:center; width:150px; }
 td.style5:hover, td.style5:active
 {
 background-color:Silver;
 font-style:oblique;
 }

Reklamlar

Yorum bırakın

Filed under CSS

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Connecting to %s