写一个无限向下延伸的网页表格html和css

以下是一个无限向下延伸的网页表格的HTML和CSS代码：

HTML代码：

<table class="table-stretch">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>25</td>
      <td>男</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>30</td>
      <td>女</td>
    </tr>
  </tbody>
</table>

CSS代码：

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

.table-stretch th,
.table-stretch td {
  border: 1px solid #000;
  padding: 5px;
}

.table-stretch tbody tr:last-child td {
  border-bottom: none;
}

.table-stretch tbody {
  display: block;
  height: 200px;
  overflow-y: auto;
}

这段代码定义了一个名为 `table-stretch` 的表格样式，其中 `width` 属性设置表格的宽度为 100%，`border-collapse` 属性设置表格边框的合并方式为折叠。`th` 和 `td` 元素的边框宽度为 1px，内边距为 5px。`tbody` 元素的 `display` 属性设置为 `block`，`height` 属性设置为 200px，`overflow-y` 属性设置为 `auto`，使表格具有滚动条，可以无限向下延伸。最后一个 `tr` 元素的 `td` 元素的 `border-bottom` 属性设置为 `none`，消除最后一行的下边框。