belajar CSS mengatur hyperlink dengan css

Belajar CSS Part 6 : Mengatur Hyperlink dengan CSS


Belajar CSS Mengatur Hyperlink dengan CSS

Hyperlink merupakan link yang dibuat untuk mengalihkan halaman saat di klik. hyperlink atau link dibuat dengan menggunakan tag <a> dan di akhiri dengan tag </a> di HTML. dan untuk mempercantik, mengubah atau mengatur hyperlink dengan css caranya sangat mudah. pada tutorial belajar css mengatur hyperlink dengan css ini akan di jelaskan tentang cara mengatur hyperlink dengan css. mulai dari membuat warna pada link, mengubah link menjadi bentuk tombol, membuat tampilan hyperlink berubah pada saat di klik 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 pada saat diletakkan cursor mouse di atasnya.
  • 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 = untuk link biasa
  • a:visited = merupakan status sebuah link yang telah di kunjungi.
  • a:hover = merupakan status sebuah link pada saat diletakkan cursor mouse di atasnya.
  • a:active = merupakan status sebuah link atau hyperlink pada saat sudah di klik.

berikut ini adalah contoh mengatur hyperlink dengan css

index.html

style.css

mengatur hyperlink dengan css

mengatur hyperlink dengan css

dan saat cursor di letakkan pada link

Tutorial belajar css dasar mengatur hyperlink dengan CSS

saat cursor mouse di letakkan di atas link

design link dengan css

index.html

style.css

Tutorial belajar css dasar mengatur hyperlink dengan CSS

Incoming search terms:

  • membuat link dengan css
  • cara membuat hyperlink di css
  • style pada hyperlink
  • merubah warna link css
  • cara merubah tampilan href css
  • mengganti warna link text di css
  • cara ngelink di html css
  • Warna link css
  • cara link dengan css
  • cara hyperlink css




About the author
Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.


Discussion
  • No Comment

Write a Comment

Your email address will not be published. Required fields are marked *


CENTANG untuk bisa mengirimkan komentar. [ Verifikasi bukan robot ]