Paylaş
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 :
Style.Css içine ekleyeceğimiz kod da bu olsun :
Kod:
Herhangi bir sorun, soru, öneri vs vs varsa yorum kısmını kullanarak burdan iletebilirsiniz. İyi Günler !
Son Düzenleme: 20-07-2017, Saat: 21:52, Düzenleyen: Proton.
Kutumuzun Kodu Bu Olsun :
Kod:
<div id="kutu">
<a href="http://www.webeksen.com">Tıklayın !</a>
</div>Style.Css içine ekleyeceğimiz kod da bu olsun :
Kod:
#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 #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 */
Herhangi bir sorun, soru, öneri vs vs varsa yorum kısmını kullanarak burdan iletebilirsiniz. İyi Günler !