Latest web development tutorials

CSS tautan (link)

Link yang berbeda mungkin memiliki gaya yang berbeda.

Link Style

link gaya, Anda dapat menggunakan properti CSS (seperti warna, font, latar belakang, dll).

link khusus dapat memiliki gaya yang berbeda, tergantung pada apa yang negara mereka.

Empat negara Link adalah:

  • a: link - normal, link yang belum dikunjungi
  • a: visited - link pengguna telah mengunjungi
  • a: hover - ketika mouse pengguna atas link saat
  • a: aktif - link diklik saat ini

contoh

a: link {color: # FF0000;} / * Link yang belum dikunjungi * /
a: dikunjungi {color: # 00FF00;} / * link yang dikunjungi * /
a: hover {color: # FF00FF;} / * menggerakkan mouse ke link * /
a: active {color: # 0000FF;} / * klik mouse * /

Coba »

Bila diatur ke sejumlah gaya link-state, ada beberapa aturan agar:

  • a: hover harus mengikuti a: link dan a: visited kemudian
  • a: aktif harus mengikuti: hover belakang

Gaya link umum

Menurut contoh di atas perubahan warna link, untuk melihat apa yang negara itu dalam.

Mari kita lihat beberapa cara umum lainnya untuk nge-link gaya:

Text-decoration

atribut text-decoration terutama digunakan untuk menghapus garis bawah pada link:

contoh

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

Coba »

background Color

properti warna latar belakang menentukan warna latar belakang dari link:

contoh

a:link {background-color:#B2FF99;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}

Coba »

contoh

contoh yang lebih

Tambahkan gaya yang berbeda dari hyperlink
Contoh ini menunjukkan bagaimana untuk menambahkan gaya lain untuk hyperlink.

Lanjutan - Buat Link kotak
Contoh ini menunjukkan contoh yang lebih maju, kami menggabungkan sejumlah properti CSS muncul sebagai kotak.