Dengan CSS, Anda dapat membuat tampilan tabel lebih menarik. Berikut property yang digunakan untuk memberi tampilan menarik pada tabel.
Border Pada Tabel
Untuk memberikan border pada tabel, gunakan property border.
Contoh
table, th, td { border: 1px solid black; }
Lebar dan Tinggi Tabel
Untuk memberikan lebar dan tinggi pada tabel gunakan property width dan height.
Contoh dibawah, tabel akan diset dengan lebar 100% dan tinggi 50px.
Contoh
table { width:100%; } th { height:50px; }
Text Alignment (Posisi Teks) Pada Tabel
Untuk mengubah posisi teks pada tabel, property yang digunakan ialah text-align dan vertical align.
Property text-align digunakan untuk mengubah posisi horizontal, seperti ke kiri, kanan atau tengah.
Contoh
td { text-align:right; }
Property vertical-align digunakan untuk mengubah posisi vertical, seperti ke atas, bawah atau middle.
Contoh
td { height:50px; vertical-align:bottom; }
Padding Pada Tabel
Untuk mengatur spasi antara border dan konten tabel di dalam tabel, digunakan property padding pada elemen td atau th.