19/08/2017
MUHAMMAD FASAISAL ~ MENGATUR HYPERLINK DENGAN CSS
Hyperlink merupakan link yang berguna untuk mengaralihkan halaman ketika link diklik. Hyperlink ini dibuat menggunakan tag <a> dan diakhiri dengan </a> . Untuk mengatur hyperlink dengan CSS bisa saya katakan cukup mudah. Pada tutor kali ini akan dijelaskan tentang cara mengatur hyperlink dengan CSS, mulai dari merubah warnanya ketika link diklik dan sebagainya.
Ada empat status yang di miliki oleh hyperlink html dan bisa di manipulasi dengan menggunakan css. yaitu :
link : Merupakan link aktif biasa.
visited : Merupakan status sebuah link yang telah di kunjungi.
hover : Merupakan status sebuah link ketika kursor diarahkan pada link maka gayanya akan berubah
active : Merupakan status sebuah link atau hyperlink pada saat sudah di klik.
Untuk penggunaan atau pemanggilan hyperlink menurut statusnya dapat di tulis dengan syntax:
a:link = Merupakan status sebuah link biasa
a:visited = Merupakan status sebuah link yang telah di kunjungi.
a:hover = Merupakan status sebuah link ketika kursor diarahkan pada link maka gayanya akan berubah
a:active = Merupakan status sebuah link atau hyperlink pada saat sudah di klik.
Berikut ini adalah contoh mengatur hyperlink dengan CSS.
Tampilan Awal
ketika cursor di arah kan kepada link
Itulah contoh mengatur hyperlink dengan CSS. Dapat sobat lihat sendiri dan apa perbedaan dari setiap syntax diatas. Sebagai bonus :v saya buat juga tutorial membuat button sederhana dengan CSS
KESIMPULAN
Perlu diperhatikan Saat penulisan CSS untuk beberapa kondisi link harus memperhatikan urutan. Yaitu hover harus ditulis setelah link dan visited, kemudian active harus ditulis setelah hover.
Jika ada pertanyaan silahkan berikan komentar dan nantikan tutorial Belajar CSS berikutnya hanya di Script_Kiddies . Sekian Terima Kasih
REFENSI : http://www.script-kiddies.org
Tidak ada komentar:
Write komentar