link dapat diberi style oleh properti-properti CSS yang CSS Link ada (misal color, font-family, background-color) tergantung kondisi link tersebut, ada empat kondisi link, yaitu:
- a:link – normal, link yang belum dikunjungi (diklik)
- a:visited – link yang sudah dikunjungi (sudah diklik)
- a:hover – kondisi link ketika disorot kursor mouse
- a:active – kondisi ketika link diklik
contoh kode CSS:
a:link {color:#FF0000;} /* link yang belum dikunjungi */
a:visited {color:#00FF00;} /* link yang sudah dikunjungi*/
a:hover {color:#FF00FF;} /*link ketika disorot kursor mouse*/
a:active {color:#0000FF;} /* link ketika diklik*/
a:visited {color:#00FF00;} /* link yang sudah dikunjungi*/
a:hover {color:#FF00FF;} /*link ketika disorot kursor mouse*/
a:active {color:#0000FF;} /* link ketika diklik*/
bila ingin mengatur link untuk semua kondisi (seperti diatas) maka penulisan kode CSS HARUS berurutan seperti contoh kode diatas.
beberapa contoh penggunaan kode CSS link lainnya:
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
dan ini:
a:link {background-color:#B2FF99;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}
contoh menarik dari w3c http://www.w3schools.com/css/tryit.asp?filename=trycss_link_advanced
0 komentar:
Posting Komentar