Membuat Multilevel Dropdown dengan Mudah

Hallo kawan Dumenity, kali ini saya akan membagikan tips tentang cara membuat Multilevel Dropdown dengan mudah untuk lebih jelasnya mari kita simak tips berikut

Pertama kita buat dulu struktur menu seperti ini

Membuat Multilevel Dropdown dengan Mudah-1

Lalu kita buat daftar menu nya dengan mengetikan kode berikut

Membuat Multilevel Dropdown dengan Mudah-2

Pada tahap ini sebenarnya si menunya sendiri sudah jadi, namun jika di test pada browser akan terlihat list seperti ini

Membuat Multilevel Dropdown dengan Mudah-3

 

Nah sekarang kita akan merapihkan tampilan dengan file bernama style.css dan di save di folder yang sama dengan file htmlnya, lalu buat kode berikut didalamnya.

Membuat Multilevel Dropdown dengan Mudah-4

 

Jika sudah, sekarang kita hubungkan dengan mengetikkan kode berikut diatas tag </head>

Membuat Multilevel Dropdown dengan Mudah-5

 

Jika sudah sekarang save kedua file dan jalankan filenya di browser. Maka akan muncul tampilan seperti berikut.

 

Membuat Multilevel Dropdown dengan Mudah-6

Bagaimana? Mudah kan? Sekian dulu ya tips  mengenai cara membuat multilevel dropdown dengan mudah semoga dapat bermanfaat bagi kalian yang sedang belajar html dan css ya...

2 Maret 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat