HTML/CSS

Membuat Tabel Daftar Harga (Pricing Table) dengan HTML

Cara menyusun tabel list harga produk yang bersih dan profesional menggunakan atribut border-collapse agar tampilan lebih rapi.

<table style="width:100%; border-collapse: collapse; border: 1px solid #ddd;">
  <thead style="background-color: #007bff; color: white;">
    <tr>
      <th style="padding: 15px; text-align: left;">Fitur</th>
      <th style="padding: 15px; text-align: center;">Harga</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="padding: 12px; border-bottom: 1px solid #ddd;">Paket Hemat</td>
      <td style="padding: 12px; border-bottom: 1px solid #ddd; text-align: center;">Rp 15.000</td>
    </tr>
  </tbody>
</table>

3 Views