带有 thead、tbody 以及 tfoot 元素的 HTML 表格

最新推荐文章于 2021-01-24 18:56:43 发布

weixin_34216036

最新推荐文章于 2021-01-24 18:56:43 发布

阅读量137

点赞数

原文链接：http://www.cnblogs.com/zhaoleigege/p/5355467.html

版权

设置样式：

<head>
<style type="text/css">
thead {color:green}
tbody {color:blue;height:50px}
tfoot {color:red}
</style>
</head>

  <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>

<tbody> 标签表格主体（正文）。该标签用于组合 HTML 表格的主体内容。

tbody 元素应该与 thead 和 tfoot 元素结合起来使用。

thead 元素用于对 HTML 表格中的表头内容进行分组，而 tfoot 元素用于对 HTML 表格中的表注（页脚）内容进行分组。

转载于:https://www.cnblogs.com/zhaoleigege/p/5355467.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34216036

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
带有 thead、tbody 以及 tfoot 元素的 HTML 表格

设置样式：<head><style type="text/css">thead {color:green}tbody {color:blue;height:50px}tfoot {color:red}</style></head><table border="1"> <thead> <tr&gt...
复制链接

扫一扫