CSS Style Link
Sebuah link dapat diberikan berbagai style CSS, seperti warna, background, dll.
Link memiliki 4 posisi yaitu :
- a:link – kondisi link normal, sebelum di klik
- a:visited – kondisi link yang sudah diklik oleh user
- a:hover – kondisi link ketika mouse user mendekat ke link (hover)
- a:active – kondisi link setelah di klik
Contoh
a:link {color:#FF0000;} /* link normal */
a:visited {color:#00FF00;} /* link setelah diklik */
a:hover {color:#FF00FF;} /* link ketika mouse didekatkan */
a:active {color:#0000FF;} /* link sedang aktif */
a:visited {color:#00FF00;} /* link setelah diklik */
a:hover {color:#FF00FF;} /* link ketika mouse didekatkan */
a:active {color:#0000FF;} /* link sedang aktif */
Text Decoration
Property ini digunakan untuk memberi atau menghilangkan garis bawah (underline) pada link.
Contoh
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;}
Background Color
Property background-color digunakan untuk memberikan warna pada link.
Contoh
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;}