CSS de Hover Özelliği

FacebookPaylaş
#1
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 :




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  Gülücük  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: 22:52, Düzenleyen: Proton.
Ara
« Önceki Konu | Sonraki Konu »
Konuyu Okuyanlar:
1 Ziyaretçi
Hızlı Menü:
task