MoreLesson 200Preview gratis
List Group
Lesson ini bagian dari How To · Semua level
Ringkasan
List group adalah daftar vertikal yang setiap barisnya tampil sebagai item terpisah dengan border atau latar. Komponen ini cocok untuk menu pengaturan, daftar pesan, atau navigasi samping. Dengan menghapus bullet bawaan dan menambahkan border antaritem, daftar biasa berubah menjadi komponen yang rapi dan konsisten.
Poin kunci
- Hilangkan bullet dengan list-style: none dan reset padding pada ul
- Beri border-bottom pada setiap item, lalu hapus border item terakhir
- Gunakan kelas .active untuk menandai item yang sedang dipilih
- Tambahkan efek hover agar item terasa interaktif
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.