html - 如何在没有 JavaScript 的情况下更改表头中的背景颜色并修复 HTML 中的表头？

Question

我试过用这个，但没用。

.header {
  position: fixed;
  top: 0;
  width: 100%;
}

Answer 1

如果下面是你的基本表的布局:

<table>
  <tr><th>Something Here</th></tr>
  <tr><td>Row 1</td></tr>
  <tr><td>Row 2</td></tr>
  <tr><td>Row 3</td></tr>
</table>

然后这里是你可以做的:

th{
  color: white;
  background: black;
}

其中 th 是表头。

Here是表头上的引用链接。希望对您有所帮助。

这是工作示例:

th {
  color: white;
  background: black;
}

<table>
  <tr>
    <th>Something Here</th>
  </tr>
  <tr>
    <td>Row 1</td>
  </tr>
  <tr>
    <td>Row 2</td>
  </tr>
  <tr>
    <td>Row 3</td>
  </tr>
</table>