Home » » Cara Menghilangkan Garis Bawah pada Link

Cara Menghilangkan Garis Bawah pada Link

Zul Kadry | 15.26 | 0 komentar


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 #007ACC dan 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 kata underline dengan none sehingga menjadi text-decoration:none;.

Share this article :
Related Posts Plugin for WordPress, Blogger...
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Kadry Tekno Blog - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger