Gaya Tabel CSS

Bantalan Meja

Untuk mengontrol ruang antara batas dan konten dalam tabel, gunakan paddingproperti pada elemen <td> dan <th>:

th, td {
padding: 15px;
text-align: left;
}

Tambahkan border-bottomproperti ke <th> dan <td> untuk pembagi horizontal:

th, td {
border-bottom: 1px solid #ddd;
}

Gunakan :hoverpemilih pada <tr> untuk menyorot baris tabel dengan mouse:

tr:hover {background-color: yellow;}

Untuk tabel bergaris zebra, gunakan nth-child()pemilih dan tambahkan a background-colorke semua baris tabel genap (atau ganjil):

tr:nth-child(even) {background-color: #f2f2f2;}

Contoh di bawah ini menentukan warna latar belakang dan warna teks elemen <th>:

th {
background-color: #04AA6D;
color: white;
}