📜  HTML |<tbody> bgcolor 属性(1)

📅  最后修改于: 2023-12-03 15:01:15.229000             🧑  作者: Mango

HTML | bgcolor 属性

简介

<tbody> 元素用于定义表格的主体部分,而 bgcolor 属性用于定义该部分的背景色。

语法
<tbody bgcolor="color_name|hexadecimal_color_code|rgb_color_code">
  <!-- 表格行与单元格 -->
</tbody>

其中,color_name 为预定义颜色名称,比如 redgreen 等等;hexadecimal_color_code 为十六进制颜色码,比如 #FFFF00 代表黄色;rgb_color_codergb() 函数表示法,比如 rgb(255,255,0) 也代表黄色。

注意事项
  • bgcolor 属性被废弃了,因此应该避免使用。
  • 推荐使用 CSS 样式来定义表格颜色和样式,这样可以更精确地控制表格的外观。
  • <tbody> 元素必须包含在一个 <table> 元素中,被定义在 <thead><tfoot> 元素之间。
示例
<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody bgcolor="#DAF7A6">
    <tr>
      <td>张三</td>
      <td>25</td>
      <td>男</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>30</td>
      <td>女</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="3">共2条记录</td>
    </tr>
  </tfoot>
</table>

该示例代码将表格主体部分的背景色设置为淡绿色(#DAF7A6),如下图所示:

table-with-tbody-bgcolor

参考链接