Teman-teman pasti sering menemukan menu dropdown pada halaman sebuah website, nah pada artikel kali ini saya akan berbagi, bagai mana cara membuat menu dropdown sedernaha dengan menggunakan css.

Oke langsung saja teman teman buat sebuah file dan ketikan script berikut

 

img-1

 

 

 

 

 

 

Simpan script di atas dengan nama index.html, Script di atas adalah kerangka dasar dari pembuatan menu dropdown, dimana kita mengetikan tag <ul> didalam <li>

Kerangka sudah jadi, sekarang kita akan mendesain kerangka tersebut, teman-teman ketikan script berikut pada file html yang tadi :

 

img-2

img-3

Jika sudah, save file teman-teman dan jalankan pada browser,maka hasilnya akan seperti berikut:

Capture3

Kita bisa memodifikasi dengan menambahkan dropdown lagi ketika menu alamat kami di hover dengan konsep yang sama dengan pembuatan dropdown ini.

Oke cukup sekian semoga bermanfaat,, selamat mencoba 😀