Sunday, 8 April 2012

Cara Menghilangkan Garis Bawah Link Blog

Bagi sobat blogger yang ingin garis bawah pada link dihilangkan bisa mampir kesini dulu, sebuah tulisan yang berbentuk link biasanya memang mempunyai garis bawah, akan tetapi sebenarnya garis bawah tersebut bisa di hilangkan apabila kita mau. Untuk menghilangkan garis bawah pada link sobat perlu merubah beberapa kode yang ada pada style sheet CSS, kode tersebut biasanya seperti ini :
a:link {
color:#58a;
text-decoration:underline;
}
a:hover {
color:#c60;
text-decoration:underline;
}
a:visited {
color:#969;
text-decoration:underline;
}
Agar menjadi faham, akan saya uraikan :
a:link {
color:#58a;
text-decoration:underline;
}
kode ini mempunyai arti –> sebuah link akan berwarna biru dan bergaris bawah.
a:hover {
color:#c60;
text-decoration:underline;
}
Sebuah link apabila di sorot oleh mouse akan berubah warna menjadi biru tua dan bergaris bawah.
a:visited {
color:#969;
text-decoration:underline;
}
Sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna biru tua (banget) dan bergaris bawah.
Pertanyaan selanjutnya manakah kode diatas yang membuat link menjadi bergaris bawah? jawabnya adalah kode :
text-decoration:underline;
Tulisan underline lah yang membuat link menjadi bergaris bawah. Apabila kita tidak menginginkan adanya garis bawah pada sebuah link, maka kita hanya cukup merubahnya dengan kata none, nanti kodenya akan menjadi seperti ini :
text-decoration:none;
Nah sekarang sobat bisa mengubah tampilan link mau pakai garis bawah atau tidak terserah sobat,semoga bermanfaat, goood lunk

Bijaklah dalam berkomentar
EmoticonEmoticon