Cara Menghilangkan Garis Bawah Link

Biasanya setiap link atau tautan yang ada di blog bila disorot oleh mouse akan muncul garis bawah pada link tersebut. Ada juga yang tanpa disorot sudah ada garis bawahnya, tergantung rancangan template blog masing-masing. Sebenarnya, garis bawah link ini dapat dihilangkan bila Anda tidak menyukainya. Yang perlu Anda lakukan adalah mengubah kode CSS template blog pada bagian yang membuat link bergaris bawah.

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;.



sumber  :  http://lanoblog.blogspot.com

Artikel Terkait: