Membuat Link tanpa Underline
Anda ingin membuat sebuah link tanpa underline? Well, Let’s see how to do it…
Untuk Individual Link:
Untuk membuat sebuah non-underline link, kita membutuhkan untuk ditambahkan ke style=” ” ke tag link kita. Contohnya:
style=”text-decoration:none”
Sekarang, kita ingin memasukkan attribute ini ke tag line. Jadi, letakkan attribute ini setelah URL, seperti ini:
<a href=”http://www.bennisurbakti.com” style=”text-decoration:none”>benni surbakti</a>
Sekarang kita akan memiliki link tanpa underline, seperti contoh dibawah ini:
Untuk Keseluruhan Page Link:
Jika Kita ingin setiap link di page tidak underline, kita bisa menggunakan style sheet shortcut didalam <head></head> tag didalam dokumen. Kodenya seperti ini:
<style type=”text/css”>
a { text-decoration:none }
</style>
Letakkan kode ini diantara <head></head> tags. Contohnya seperti ini:
<html>
<head>
<style type=”text/css”>
a { text-decoration:none }
</style>
</head>
<body>
<p>
<a href=”http://www.bennisurbakti.com”>benni surbakti</a>
<p>
<a href=”http://www.cnn.com”>berita CNN</a>
<p>
<a href=”http://www.bbc.co.uk”>berita BBC</a>
</body>
</html>
Dan keseluruhan link tidak akan underline, dan akan tampil seperti ini:
Bagaimana? sudah dicoba?
Semoga bermanfaat ya?
Kalau ada yang salah tolong dikomentari ya?
Soalnya aku juga masih pemula koq…:)
mas cara membuat kolom yang ada di bawahnya kata “daily news & motivation” itu gimana? tolong dikirim ke email saya jika boleh tahu…..
ko gabisa yah… apa karna IE nya ya??
btw thx bisa coba2