如何使用CSS设置表格的表头文字颜色？

翻滚的胖子
2023-08-01 10:53:28
前端技术
CSS

在网页设计中，表格是一种常用的展示数据的方式。表格中的表头是用来标识不同列的标题文字，为了让表格更加美观，我们可以使用CSS来设置表头文字的颜色。

CSS属性：color

CSS中的color属性用于设置文本的颜色。我们可以通过将color属性应用于表格的th元素来改变表头文字的颜色。

代码示例

th {
  color: red;
}

在上面的示例中，我们将表格的th元素的颜色设置为红色。你可以根据需要将color属性的值改为其他颜色。

接下来，我们将给出一个完整的示例代码，供你参考：

<!DOCTYPE html>
<html>
<head>
  <style>
    th {
      color: red;
    }
  </style>
</head>
<body>
  <table>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
    <tr>
      <td>张三</td>
      <td>20</td>
      <td>男</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>22</td>
      <td>女</td>
    </tr>
  </table>
</body>
</html>

在这个示例中，我们使用th元素设置了表头文字的颜色为红色。你可以将上述代码复制到HTML文件中，然后在浏览器中打开查看效果。

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com