CSS AdvancedLesson 71Preview gratis
CSS Pagination
Lesson ini bagian dari CSS · Semua level
Ringkasan
Pagination memecah daftar panjang menjadi beberapa halaman agar pengguna mudah menelusuri konten. Dalam CSS, pagination biasanya dibangun dari daftar berisi tautan nomor halaman yang disusun horizontal. Halaman yang sedang dibuka diberi kelas `.active` dengan gaya yang kontras, dan seluruh tautan diberi ruang yang nyaman untuk diklik.
Poin kunci
- Struktur umum: `<ul>` berisi `<li>` dengan tautan nomor halaman
- `display: flex` atau `float` dipakai menyusun nomor dalam satu baris
- Kelas `.active` menandai halaman berjalan dengan warna latar kontras
- Atribut `aria-current="page"` menandai halaman aktif untuk pembaca layar
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.