CSS Link

Link dapat diatur dengan properti CSS (misalnya warna ,font-family , background, dll). Khusus untuk link, mereka bisa ditata secara berbeda tergantung pada kunjungan yang masuk


  • a:link - normal , link yang belum dikunjungi
  • a:visited - link yang telah dikunjungi oleh pengguna
  • a:hover - link aktive ketika mouse pengguna berada di atasnya
  • a:active - link saat itu diklik 


a:link {color : #FF0000 ; } / * Link yang belum dikunjungi * /
a:visited {color : #00FF00 ; } / * link yang dikunjungi * /
a:hover {color : #FF00FF ; } / * mouse pada link * /
a:active {color : #0000FF ; } / * link yang dipilih * /


Aturan untuk pengaturan gaya untuk beberapa tautan link:

  • a:hover harus datang setelah : link dan a: visited
  • a:active harus datang setelah : hover

Link Styles umum

Contoh di atas warna perubahan tautan tergantung pada tautan link yang masuk. Mari kita coba  melalui beberapa cara umum untuk style link:


Dekorasi teks

Properti text-decoration banyak digunakan untuk menghapus garis bawah dari link :

 

a:link {text-decoration : none; }
a:visited {text-decoration : none; }
a:hover {text-decoration: underline; }
a:active {text-decoration: underline; }


background Color

Properti background-color menentukan warna latar belakang untuk link: 


a:link {background-color: #B2FF99; }
a:visited {background-color : #FFFF85; }
a:hover {background-color : #FF704D; }
a:active {background-color : #FF704D; }
 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda