html5css表格

HTML5中，CSS可以用来美化和布局表格（table）。HTML的`<table>`元素用于创建表格，而CSS则提供了丰富的样式来控制表格的外观，如边框、背景色、单元格间距等。以下是一个基本的HTML5表格结构示例：

<table border="1">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>行1, 列1</td>
      <td>行1, 列2</td>
      <td>行1, 列3</td>
    </tr>
    <tr>
      <td>行2, 列1</td>
      <td>行2, 列2</td>
      <td>行2, 列3</td>
    </tr>
  </tbody>
</table>

然后，你可以通过CSS来定制样式，例如：

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

th {
  background-color: #f2f2f2;
}