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:
- 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.
- buat rancangan setandart html seperti ini:
- kemudian kita buat linknya di antara tag body, buat tag html linknya seperti ini:Nb: “#” dapat anda ganti dengan file link yg di tuju.
- maka hasilnya akan muncul seperti ini:
- tmpilan link di atas adalah tampilan standart, adapun cara memper indahnya kita gunakan CSS.
- sebelum kita buat CSS nya, kita tambahkan dulu link CSSnya di tag head, seperti contoh berikut ini:
- 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.
- buat script CSS spt ini:
- maka hasil link yang baru kita buat tadi akan berubah menjadi tanpa garis bawah seperti ini:
Wah keren artikelnya gan,
BalasHapusTolong kunjung balik yah di
Jagoan Kode
Cara Membuat Widget Artikel Acak Di Blog
Kata - Kata Bijak Dan Motivasi Untuk Para Blogger
Cara memasang iklan adsense di akhir postingan artikel