MenusLesson 24Preview gratis
Vertical Menu
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini mengulas pembuatan Menu Vertikal (Vertical Menu) menggunakan HTML dan CSS murni. Komponen ini menyusun deretan tombol navigasi bertumpuk dari atas ke bawah dalam satu wadah kotak yang elegan, sangat cocok untuk navigasi bab buku atau sub-menu sidebar.
Poin kunci
- Menentukan lebar kontainer menu vertikal (misal: width: 200px)
- Mengatur tautan dengan display: block untuk mengisi penuh lebar kontainer
- Menyematkan garis pemisah antar item menggunakan border-bottom
- Menerapkan kelas status aktif dan gaya sorot hover interaktif
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.