BELAJAR CSS Chapter 6 : Mengatur Hyperlink dengan CSS

HASANONTA - Asssalamualaikum, kali ini HasanOnta akan share bagaimana cara mengatur dan meng-custom hyperlink dengan CSS. Sebelumnya kita akan mengenal apa iti Hyperlink?? Hyperlink merupakan link yang dibuat untuk mengalihkan halaman saat di klik. Hyperlink bisa dissebut sebagai link saja, dia menggunakan tag <a> dan ditutup dengan </a> di HTML. untuk mempercantik, dan memberi efek pada hyperlink dengan css sangatlah mudah. pada tutorial kali ini saya akan menjelaskan tentangnya.


Ada empat kondisi yang dimiliki oleh hyperlink, dan semuanya bisa dimanipulasi dengan CSS yaitu :

• link      : Merupakan link biasa
• hover   : Kondisi saat cursor dari mouse diarahkan kepada link
• active   : Kondisi saat link sudah diklik
• visited  : Kondisi saat link setelah diklik

Untuk menggunakan hyperlink agar bisa diatur dengan CSS dapat ditulis dengan syntax :

a :(kondisi link)
Contoh = "a:hover"/span>

Untuk lebih jelasnya perhatikan contoh berikut :

 

Output code diatas adalah :

referensi : www.malasngoding.com