CSS Tables

Dengan CSS, Anda dapat mengontrol tampilan tabel HTML seperti garis batas, padding, dan perataan.

1. Menambahkan Garis Batas

Gunakan border untuk menambahkan garis di sekitar tabel dan selnya.

table, th, td {
  border: 1px solid black;
}

2. Menggabungkan Batas Sel

Gunakan border-collapse: collapse untuk menghilangkan jarak antar batas sel.

table {
  border-collapse: collapse;
}

3. Menambahkan Padding

Gunakan padding untuk memberi ruang di dalam sel.

th, td {
  padding: 15px;
}

4. Perataan Teks

Gunakan text-align untuk mengatur perataan isi tabel.

td {
  text-align: center;
}

Dengan CSS, tabel bisa dibuat lebih rapi, mudah dibaca, dan selaras dengan desain keseluruhan halaman.