Hallo sobat program, bertemu lagi dengan saya Rizal dan alhamdulilah masih diberikan kesempatan untuk saya memberikan tutorial atau tips dan trik di website dumetschool ini. Dan pada kesempatan kali ini saya akan membahas tentang Cara Membuat Menu Vertikal dengan HTML CSS.

Mungkin sudah banyak ya jika teman-teman sering berselancar di google tentang menu vertikal. Namun yang berbeda disini jika kita sudah berhasil membuat menu vertikal akan ada lanjutnya untuk animasi menu vertikal tsb yang nantinya akan saya bahas pada pembahasan berikutnya.

Oke untuk yang sekarang kita akan mulai mencoba dalam Cara Membuat Menu Vertikal dengan HTML CSS. dan untuk langkah pertama silahkan teman-teman jalankan/run text-editornya kemudian langkah berikutnya ketik kode HTML nya seperti pada contoh dibawah ini :

Jika sudah, langkah berikutnya silahkan teman-teman tambahkan style CSS nya seperti pada contoh dibawah ini :

Oke jika sudah HTML dan CSS nya, silahkan teman-teman jalankan/run pada browser yang teman-teman gunakan, jika benar maka hasilnya akan menjadi seperti pada contoh dibawah ini :

Cara Membuat Menu Vertikal dengan HTML CSS

Oke jadi seperti inilah basic tata Cara Membuat Menu Vertikal dengan HTML CSS. Dan silahkan teman-teman explore lagi, dan nantinya menu ini akan kita gunakan lagi pada pembahasan berikutnya untuk membuat animasi.

Oke kalau begitu cukup sekian pembahasan kali ini tentang Cara Membuat Menu Vertikal dengan HTML CSS. semoga dapat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.

Terimakasih