1. HTML Yapısı: Kart şeklinde bir tablo oluşturmak için bir

   div

   öğesi içinde

   table

   öğesini kullanmak gereklidir 3.

<div class="kart">
  <table>
    <thead>
      <tr>
        <th>Şirket</th>
        <th>İletişim</th>
        <th>Ülke</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Alfreds Futterkiste</td>
        <td>Maria Anders</td>
        <td>Almanya</td>
      </tr>
      ...
    </tbody>
  </table>
</div>
Kopyala

2. CSS ile Stil Verme: Karta şekil, boyut, arka plan, kenarlık ve gölge gibi özellikleri CSS ile ayarlamak mümkündür 14.

.kart {
  width: 300px;
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
Kopyala

table