Cara Membuat Efek Hover Background Pada Link Seri 2

Bila Anda masih ingat pada seri yang pertama,

dimana ketika link yang kita sorot akan memuncul-

kan background warna atau gambar, namun untuk

seri kali ini, sebelum disorot cursorpun link tersebut

sudah berbackground dan ketika link tersebut

tersorot cursor, maka backgroundnya seketika

jadi berubah warna. 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, ikuti langkah 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 dan sesudah

disorot cursornya dengan warna yang Anda suka.

So pasti Anda suka dan good luck!