CSS Links

Styling Links

Link dapat ditata dengan CSS properti (misalnya warna, font-keluarga, latar belakang, dll).

Khusus untuk link adalah bahwa mereka bisa ditata berbeda tergantung pada apa negaramereka masuk

Empat link negara adalah:

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

contoh :

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

Catatan :

Bila pengaturan gaya untuk beberapa link yang menyatakan, ada beberapa aturan untuk:

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

Common Link Styles

Dalam contoh di atas warna link berubah tergantung pada apa negara itu masuk

Mari kita pergi melalui beberapa cara umum lainnya untuk link gaya:

Teks Dekorasi

Properti text-decoration banyak digunakan untuk menghapus menggarisbawahi dari link:

contoh :

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

Warna Latar Belakang

Properti background-color menetapkan warna latar belakang untuk link :

contoh :

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