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;
 }

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. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s