如何定義CSS中的表格

在CSS中定義表格，我們可以使用HTML元素來創(chuàng)建表格，然后通過CSS來美化表格的外觀，下面是一個簡單的例子，展示了如何定義一個基本的CSS表格。

HTML代碼：

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年齡</th>
      <th>性別</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>張三</td>
      <td>20</td>
      <td>男</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>25</td>
      <td>女</td>
    </tr>
  </tbody>
</table>

CSS代碼：

table {
  width: 100%;
  border-collapse: collapse;
}
thead {
  background-color: #f0f0f0;
}
th, td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
th {
  font-weight: bold;
}

在這個例子中，我們創(chuàng)建了一個包含姓名、年齡和性別的表格，CSS代碼用于美化表格的外觀，包括設(shè)置表格的寬度、合并邊框、設(shè)置表頭的背景顏色、給每個單元格添加內(nèi)邊距和邊框，以及讓表頭字體加粗，通過這些CSS樣式，我們可以讓表格更加美觀、易讀。