Kode CSS yang berhubungan dengan link biasanya tampak seperti di bawah ini.
a:link {
color:#007ACC;
text-decoration:underline;
}
a:visited {
color:#007ACC;
text-decoration:underline;
}
a:hover {
color:#5588AA;
text-decoration:underline;
}
Berikut sedikit penjelasan tentang kode di atas:
a:link {
color:#007ACC;
text-decoration:underline;
}
Kode di atas berarti link yang belum pernah dikunjungi atau diklik akan berwarna #007ACCdan bergaris bawah.
a:visited {
color:#007ACC;
text-decoration:underline;
}
Kalau kode yang ini mempunyai arti link yang sudah pernah dikunjungi akan berwarna#007ACC dan bergaris bawah.
a:hover {
color:#5588AA;
text-decoration:underline;
}
Sedangkan kode yang yang ini menunjukkan link pada saat mouse di atasnya akan berwarna #5588AA dan bergaris bawah.
Lalu, yang manakah kode yang membuat link bergaris bawah? Ya, dari penjelasan di atas sudah tergambar kalau yang membuat link bergaris bawah adalah kode text-decoration:underline;. Nah, untuk menghilangkan garis bawah link Anda ubah semua kataunderline dengan none sehingga menjadi text-decoration:none;.
