CSS TutorialLesson 20Preview gratis
CSS Tables
Lesson ini bagian dari CSS · Semua level
Ringkasan
Tabel HTML bisa dirapikan dengan CSS: border-collapse menggabungkan garis tabel, padding pada sel membuat isi tidak sesak, dan text-align mengatur perataan kolom. Baris bisa dibuat bergantian warna (zebra) dengan :nth-child, serta diberi sorotan saat di-hover. background-color pada th dan td membuat kepala tabel menonjol.
Poin kunci
- border-collapse: collapse membuat garis antar sel menyatu tanpa garis rangkap dua.
- padding, text-align, dan vertical-align mengatur isi sel tabel.
- thead biasanya diberi background-color gelap dengan warna teks kontras.
- Pseudo-class :nth-child(even) atau :nth-child(odd) membuat baris bergantian warna.
- Lebar kolom bisa diatur lewat width pada td atau th.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.