W3.CSSLesson 33Preview gratis
W3.CSS Dropdowns
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Dropdown adalah menu yang tersembunyi lalu muncul ketika pengguna mengarahkan kursor atau mengetuk tombol. W3.CSS menyediakan w3-dropdown sebagai pembungkus, w3-dropdown-content untuk isi menu, serta varian hover dan klik. Dropdown menghemat ruang horizontal karena banyak pilihan dapat disimpan dalam satu tombol.
Poin kunci
- w3-dropdown menjadi container relatif untuk menu
- w3-dropdown-content berisi daftar tautan yang dapat muncul dan hilang
- w3-dropdown-hover menampilkan menu saat kursor di atas
- Varian klik cocok untuk layar sentuh yang tidak memiliki hover
- Isi menu diposisikan absolute terhadap container dropdown
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.