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: 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: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:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}
Coba »
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.