Skip to main content

CSS : Selector Hover

Selector hover digunakan  untuk membuat objek yang kita sentuh dengan kursor berubah baik itu warna background maupun warna tulisan. Untuk elemen hover ketentuan penulisannya adalah sebagai berikut “namaelemen:hover{}”  berikut ini adalah contoh CSS element hover
<html>
<head>
<style>
h1:hover,p:hover{
background-color:red;
}
</style>
</head>
<body>
<h1> Selamat Datang di ilmuinformatika</h1>
<p> Nama Saya Blade. </p>
<h1> Saya Harus Pintar </h1>
<br>Kemana</br>
</body>
</html>
Pada bagian source code diatas saya coba memberikan style menggunakan elemen hover apabila <p></p> dan <h1></h1> disentuh dengan kursor maka warna backgrounnya akan berubah. Sebagai contoh gambar dibawah ini :

Comments