Cara Membuat Link Membesar Ketika Disorot

Cara Membuat Link Membesar dengan CSS

Cara membuat link membesar ketika disorot dengan mouse merupakan salah satu cara untuk mempercantik link. Link dapat dipercantik dengan CSS. Mungkin anda pernah menemui link dan ketika anda meletakkan/mengarahkan kursor pada tulisan link tersebut tiba-tiba tulisan link tersebut menjadi membesar. Kalau anda juga ingin membuat sebuah link yang dapat membesar ketika disorot mouse, berikut ini cara yang dapat anda lakukan.

<style type="text/css">
a.sundaboy-com:link {color:#ff0000;}
a.sundaboy-com:visited {color:#DF7401;}
a.sundaboy-com:hover {font-size:150%;}
</style>
<a class="sundaboy-com" href="http://belajar-html-lengkap.blogspot.com/" target="_blank">Belajar Html Lengkap</a>

Contoh: Arahkan kursor pada tulisan di bawah ini!

Belajar Html Lengkap

Keterangan:

• Tulisan yang berwarna merah ganti dengan url link anda.
• Tulisan yang berwarna hijau ganti dengan judul link anda.
• Tulisan yang berwarna ungu dapat anda ganti dengan warna yang anda inginkan.

Selain dapat membuat link membesar ketika disorot, dengan CSS juga dapat membuat:
1. Link berubah warna ketika disorot klik di sini.
2. Link berubah warna tulisannya ketika disorot klik di sini.

Sekian Tutorial Blog-CSS mengenai cara membuat tulisan link membesar ketika diarahkan/disorot mouse. Mudah-mudah dapat memberikan manfaat dalam menambah pemahaman anda mengenai CSS atau blogging. Terima kasih atas perhatiannya dan saya sangat senang sekali apabila ada yang bersedia memberikan komentar pada tulisan saya kali ini. Sampai jumpa di postingan saya selanjutnya. Salam...