• 技术文章 >web前端 >html教程

    HTML里怎么设置thead表头的颜色

    青灯夜游青灯夜游2022-01-21 13:43:37原创55

    HTML中设置thead表头颜色的方法:1、使用“thead {color: 颜色值;}”语句设置表头的字体颜色;2、使用"thead {background:颜色值;}语句设置表头的背景颜色。

    本教程操作环境: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.png

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

    thead {
    color: #FFC0CB;
    }

    2.png

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

    thead {
    color: #FFC0CB;
    background:blue;
    }

    3.png

    (学习视频分享:css视频教程

    以上就是HTML里怎么设置thead表头的颜色的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:HTML thead 表头颜色
    上一篇:html的name和value是什么意思 下一篇:html下拉菜单文字怎么变小

    相关文章推荐

    • html5中弹性盒是什么意思• dom与html dom的区别是什么• html怎样设置div横向滚动条不显示• javascript和html5的区别有哪些• html怎样设置textarea不换行显示• html中怎么让列表横向排列

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网