CSS-Mengatur Hyperlink part 5

Februari 25, 2017



Mengatur Hyperlink Menggunakan CSS
   Hyperlink merupakan link yang digunakan  untuk mengalihkan ke link halaman lain ketika teks ber-link di klik. tag link ini menggunakan tag <a> dan diakhiri tag </a>. Pada tutorial kali ini saya akan menyampaikan bagaimana membuat link menggunakan CSS mulai dari warnanya ketika di-klik dll.
  • Ada empat status Hyperlink pada html yang dapat dimanipulasi menggunakan CSS, dan untuk pemanggilannya menggunakan sintaxs: 
       a:link      : Merupakan link aktif biasa
       a:visited : Merupakan status sebuah link yang dikunjungi
       a:hover  : Merupakan status sebuah link yang ketika kursor diarahkan pada
                       link gayanya akan berubah
       a:active  : Merupakan status sebuah link atau hyperlink yang sudah di-klik 
Berikut contoh penerapannya :
buat scrip html dan css seperti ini: 




Hasilnya:

secara tidak langsung di kala kursor kita pindah ke huruf yang sudah link kan tadi otomatis warna huruf tersebut akan berubah

Dapat teman-teman lihat bahwa setiap sintaxs CSS yang yang diterapkan pada link html memiliki perubahan masing - masing.
Sekian apa yang dapat saya sampaikan, ssemoga dapat menambah pengetahuan teman- teman.
Terimaksih 
Wassalamualaikum wr.wb

You Might Also Like

0 comments

Popular Posts

Like us on Facebook

Flickr Images

Subscribe