CSS de Hover Özelliği

Merhabalar. Kısaca ” hover ” özelliğinden bahsedeceğim bildiğim kadarıyla. Bu özellik, tanımladığımız herhangi bir div ‘in veya linklerin vs.. fare ile üzerine geldiğimizde alacağı şekli vermemizi sağlayan bir css özelliği. Kullanımı oldukça basit.

Kutumuzun Kodu Bu Olsun :

<div id="kutu">
<a href=" http://www.nazimyilmaz.com ">Tıklayın !</a>
</div>

Style.Css içine ekleyeceğimiz kod da bu olsun :

#kutu { width:100%; height:30px; background:#fff; border:1px #000 dotted; } /* kutunun normal stili */
#kutu:hover { background:#000; border:2px #fff000 solid; } /* kutunun üzerine geldiğimizde alacagı stil */
#kutu a { color:#000 text-decoration:none; font-family:tahoma; font-size:12px; } /* normal link stili */
#kutu a:hover { color:#f0f0f0; } /* linkin üzerine gelince alacağı stil */

Umarım bu ufak konu anlaşılmıştır Herhangi bir sorun, soru, öneri vs vs varsa yorum kısmını kullanarak burdan iletebilirsiniz. İyi Günler !

Kaynak:http://www.nazimyilmaz.com

ie6 bazı elemanlar için hover özelliğini desteklemez. Ancak bunu javascript ile halledebilirsiniz. Bu da dipnot olsun...

konu dışı belki bilen vardır diye soruyorum gerçi araştirmadim varmi yokmu diye ben ama bişey merak ediyorum style özelliği verirken bir linke aynı anda hover vermede yapabilirmiyiz ? mesela linke style ile renk veriyoruz

<a style="color:#000000; text-decoration:none;" href="#">deneme</a> gibi style veriyoruz üstünde... peki üstündeyken hover verme varmı ?

@SefaCan
CSS kullanmadan hover olayına stil veremezsin diye biliyorum, onmouseover olayı var onu kullanıp javascript ile yapabilirsin ama.

link olmayanlara hover vermeyi öğrenene kadar belim çatladı keşke önce buraya baksaydım

tşkler reis