首页前端开发其他前端知识HTML中thead怎样加背景颜色和改变字体颜色?

HTML中thead怎样加背景颜色和改变字体颜色?

时间2024-03-28 21:34:03发布访客分类其他前端知识浏览571
导读:HTML中thead怎样加背景颜色和改变字体颜色?<thead> 标签定义表格的表头。该标签用于组合HTML表格的表头内容。因为,默认是白底背景和黑色字体,对此这篇我们就来看看怎样改变thead标签的背景和其中的字体颜色,感兴趣...

HTML中thead怎样加背景颜色和改变字体颜色?thead> 标签定义表格的表头。该标签用于组合HTML表格的表头内容。因为,默认是白底背景和黑色字体,对此这篇我们就来看看怎样改变thead标签的背景和其中的字体颜色,感兴趣的朋友就继续往下看吧。

本教程操作环境:windows7系统、CSS3& & HTML5版、Dell G3电脑。

在HTML中中,创建一个带表头的表格:

table border="1">
    
  thead>
    
    tr>
    
      th>
    Month/th>
    
      th>
    Savings/th>
    
    /tr>
    
  /thead>
    

  tfoot>
    
    tr>
    
      td>
    Sum/td>
    
      td>
    $180/td>
    
    /tr>
    
  /tfoot>
    

  tbody>
    
    tr>
    
      td>
    January/td>
    
      td>
    $100/td>
    
    /tr>
    
    tr>
    
      td>
    February/td>
    
      td>
    $80/td>
    
    /tr>
    
  /tbody>
    /table>

1、使用color属性设置字体颜色

thead {
    
color: #FFC0CB;

}

2、使用background属性设置背景颜色

thead {
    
color: #FFC0CB;
    
background:blue;

}
    

以上就是HTML中thead加背景颜色和改变字体颜色的方法和代码,有需要的朋友可以了解看看,希望对大家学习HTML有帮助,想要了解更多可以继续浏览网络其他相关的文章。

文本转载自PHP中文网

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: HTML中thead怎样加背景颜色和改变字体颜色?
本文地址: https://pptw.com/jishu/655212.html
HTML中如何跳转指定页面,实现方法是什么? Java找不到无法加载主类怎样处理?试试这些方法

游客 回复需填写必要信息