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

Question

我尝试使用它，但是没有用。

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

Answer 1

您可以在CSS中说，第一个<tr>（通常是<th>标签）具有特定的背景，应该固定

tr:first-child
{
  background-color: yourColor;
  position:fixed;
}

此示例还可以帮助您https://codepen.io/tjvantoll/pen/JEKIu

Answer 2

如果以下是基本表的布局：

<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>