怎么让图片只填充表格第一行

要在HTML表格的第一行应用背景图片并让它只填充这一行，你可以利用伪元素`::before`或`::after`配合CSS来实现。这里以`::before`为例，创建一个新的虚拟行作为背景：

<table class="bg-img-table">
   <thead>
      <tr>
         <th>...</th>
         <th>...</th>
      </tr>
   </thead>
   <tbody>
      <!-- 表格数据 -->
   </tbody>
</table>

<style>
.bg-img-table::before {
   content: '';
   display: table;
   height: 100%;
   background-image: url('your-background-image.jpg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}
</style>

在这个例子中，`.bg-img-table::before`选择器会插入一张占满整个表格头部的高度的背景图片。注意，`content`属性用于为空节点添加内容，`display: table`使它可以像表头那样占据空间。

如果你只想在第一列应用背景，只需针对`th`而不是`tr`使用`::before`。如果需要覆盖整个第一行，包括所有列，就继续使用`tr`。