Featured

CSS : Style Link (Part 10)



 Assalamualaikum wr.wb

A. JUDUL

       CSS : Style Link (Part 10)

B. PENDAHULUAN

     1. Pengertian

       Pranala (bahasa Inggris: hyperlink) adalah sebuah acuan dalam dokumen hiperteks ke dokumen yang lain atau sumber lain. Seperti halnya suatu kutipan di dalam literatur. Dikombinasikan dengan sebuah jaringan data dan sesuai dengan protokol akses, sebuah komputer dapat diminta untuk memperoleh sumber yang direferensikan.

     2. Latar Belakang

        Membiuat link bisa menggunakan CSS.

     3. Maksud dan Tujuan
  • Bisa membuat link dengan CSS
  • Agar tahu cara membuatnya.
     4. Hasil yang Diharapkan

         Bisa membuat link menggunakan CSS untuk mempercantik tampilannya.

C. ALAT DAN BAHAN
  • Laptop atau PC
  • Koneksi Internet (Mencari Referensi)
  • Sublime Text
D. JANGKA WAKTU PELAKSANAAN

        10 Menit

E. PEMBAHASAN

       Sebelumnya sudah tahu kegunaan CSS di style link atau belum? jika belum saya akan jelaskan sedikit. Kegunaan CSS di style link yaitu untuk mengatur tampilan link agar lebih menarik dan tidak hanya sekedar link yang berupa text saja namun kita bisa membuatnya seperti button.

Contohnya :



  Tampilan akan lebih menarik jika diatur dalam CSS.

 Keterangannya :
  • link yang bawah dipanggil di CSS dengan class
  • link mempunyai background merah dan warna putih
  • mempunyai jarak konten ke luar sebesar 10pixel
     Mungkin itu saja dan ada tambahan mengenai text decoration digunakan untuk menghilangkan underline dalam text. dan supaya lebih menarik link bisa di beri hover.

Contonya :






Keterangannya :
  • hover latarbelakang bewarna biru jika kursor diarahkan ke link
F. HASIL YANG DI DAPATKAN

        Bisa membuat link menggunakan CSS untuk membuat tampilannya lebih menarik.

G. KESIMPULAN

        Jadi intinya CSS dalam link digunakan agar membuat tampilan link menarik dan lebih bervariasi.

H. REFERENSI
Waalaikumusalam wr.wb


Related Posts