Beranda » Blogging » CSS » HTML » Internet » Membuat Link Berubah Warna Ketika Berad Di Bawah Kursor

Membuat Link Berubah Warna Ketika Berad Di Bawah Kursor

Mungkin sahabat sering melihat tampilan sebuah link berubah warna saat disorot oleh pointer mouse, nah pada kesempatan ini kita akan mencoba mengubah warna link, dimana sahabat bisa mengatur warna link saat dikunjungi, saat pointer mouse ada diatasnya, dan pada saat diklick secara manual supaya lebih bervariasi.

Berikut adalah cara penulisan kode HTML dan CSS :

<!DOCTYPE html>
<html>
<body>
 <head>
  <title>Cara Menyoroti Teks Pada Halaman - OkeSchool.com</title>

<style type="Text/Css">
a:link, a:visted {
text-decoration: underline;
color: #6A5ACD;
background-color: transparent;
}
a:hover, a:active {
text-decoration: underline overline;
color: white;
background-color: red;
}
</style>

</head>

</body>
  <p><a href="http://kode.okeschool.com/">Contoh Bagaimana Membuat Link Berubah Warna!</p>
</body>

</html>

Untuk melihat hasil running kode diatas dan untuk mencoba-coba sendiri dengan merubah-rubah kodenya sesuai keinginan Anda dapat Anda lakukan dengan cara kopi kode diatas lalu klik menu EDITOR dan salin di halaman EDITOR tersebu

Belum ada tanggapan untuk "Membuat Link Berubah Warna Ketika Berad Di Bawah Kursor"

Post a Comment