Wednesday, January 14, 2009

Hilangkan Garis Bawah Link

Tampilan posting jika disuatu link ada garis bawahnya mungkin agak mengganggu tampilan pada artikel itu. Nah berikut cara-cara untuk menghilangkan garis bawah link :



Untuk menghilangkannya 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;
}


Kalau ingin lebih paham, ini 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;

Dari uraian diatas,tentu kamu sudah mengerti maksudnya. Ini kembali dari selera kita masing-masing.

OK selamat mencoba!!!

0 komentar:

Post a Comment

Ikuti Blog Ini

Komentar Baru