如何在沒有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是表頭。

這是表格標題上的參考鏈接。 希望對您有所幫助。

這是工作示例：

 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>