Cara Membuat Efek Hover Background Pada Link Seri 2

Tentu Anda masih ingat pada seri yang pertama, dimana ketika link yang kita sorot akan

memunculkan background warna atau gambar, namun untuk seri kali ini, sebelum disorot

cursorpun link tersebut sudah berbackground dan ketika link tersebut tersorot cursor,

maka warna backgroundnya seketika jadi berubah. Contohnya seperti di bawah ini :

Membuat Sendiri Jam Yang Keren Seri 1

Membuat Sendiri Jam Keren Seri 2

Membuat Sendiri Jam Keren Seri 3

Membuat Sendiri Jam Keren Seri 4

Bila Anda ingin mencoba tutorial ini, ikuti saja langkahnya yang berikut ini :

1.   Masuk ke Edit HTML.

2.   Carilah kode </head>

3.   Letakkanlah di atas kode </head>, kode yang ada di bawah ini :

<style type="text/css">
a:link {
 text-decoration: none;
 background-color: #00FF00;
 background-position: 100%;
}

a:hover {
 text-decoration: none;
 background-color: #FF0000;
 background-position: 100%;
}
</style>

KETERANGAN :

Gantilah warna background sebelum & sesudah disorot cursornya dengan warna yang Anda suka.

So pasti Anda suka, good luck!