marquee

Minfosys

Rabu, 16 November 2011

Membuat Link Tanpa Underline Menggunakan CSS


fungsi css adalah untuk mempercantik tampilan web, salah satunya mempercantik link .dan  kali ini kita akan coba membuat link tanpa underline atau garis bawah dengan menggunakan CSS.
   Adapun langkah-langkahnya sebagai berikut:
  1. pertama kita buat tag link nya di file html, adapun nama filenya terserah anda, disini saya memberi nama “link.html” pada file html saya, buka file html yang sudah anda buat di notepad atau aplikasi lain untuk pengcodingan.
  2.   buat rancangan setandart html seperti ini:
  3.   kemudian kita buat linknya di antara tag body, buat tag html linknya seperti ini:Nb: “#” dapat anda ganti dengan file link yg di tuju.
  4. maka hasilnya akan muncul seperti ini:
  5. tmpilan link di atas adalah tampilan standart, adapun cara memper indahnya kita gunakan CSS.
  6. sebelum kita buat CSS nya, kita tambahkan dulu link CSSnya di tag head, seperti contoh berikut ini:    
  7.   setelah kita tambahkan link CSS seperti di atas maka sekarang kita tinggal membuat file CSS, adapun nama filenya sesuai dengan yang kita ketikkan di link CSS pada file html, di sini saya memberi nama “link.css”, jika sudah di buat maka sekarang barulah kita edit linknya melalui CSS.  buka file “link.css” di notepad atau aplikasi coding yang lainya.
  8. buat script CSS spt ini:
  9. maka hasil link yang baru kita buat tadi akan berubah menjadi tanpa garis bawah seperti ini:


1 komentar: