html +css 实现一个表头固定表体自动循环无缝滚动的表格，鼠标悬浮时停止

这种表格的实现可以使用 HTML、CSS 和 JavaScript 实现。下面是一个示例代码，你可以根据自己的需求进行修改。

HTML 代码：

<div class="table-container">
  <table>
    <thead>
      <tr>
        <th>列1</th>
        <th>列2</th>
        <th>列3</th>
        <th>列4</th>
        <th>列5</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>内容1</td>
        <td>内容2</td>
        <td>内容3</td>
        <td>内容4</td>
        <td>内容5</td>
      </tr>
      <!-- 这里可以添加更多的行 -->
    </tbody>
  </table>
</div>

CSS 代码：

.table-container {
  width: 100%;
  overflow: hidden;
}
table {
  width: 100%;
  border-collapse: collapse;
}
thead {
  background-color: #f5f5f5;
}
th,
td {
  padding: 8px;
  border: 1px solid #ccc;
  text-align: center;
}
tbody {
  animation: scrollTable 10s linear infinite;
}
tbody:hover {
  animation-play-state: paused;
}
@keyframes scrollTable {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}

JavaScript 代码：

// 没有必要添加 JavaScript 代码，因为滚动是通过 CSS 动画实现的。

这个示例代码实现了一个具有固定表头和自动循环无缝滚动的表格。当鼠标悬停在表格上时，动画会暂停，当鼠标移开时，动画会继续播放。你可以根据自己的需求进行修改，例如修改表格中的列数、行数、单元格的样式等等。