CSS-Mengatur Hyperlink

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 : 

 

Script html

Script CSS

Hasil

Saat kursor diarahkan ke-link

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

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest