怎么在table html设置颜色

怎么在table html设置颜色,第1张

题主说的是html中表格怎么设置背景颜色是吗,table标签的颜色可以通过设置class或者style属性中的  background-color  来设置,比如:

<table class="table table-bordered"  style="background-color:#eee">

   <thead>

      <tr>

         <th>名称</th>

         <th>城市</th>

      </tr>

   </thead>

   <tbody>

      <tr style="background-color:#96b97d">

         <td>Tanmay</td>

         <td>Bangalore</td>

      </tr>

      <tr>

         <td style="background-color:#ccc">Sachin</td>

         <td>Mumbai</td>

      </tr>

   </tbody>

</table>

这里我通过style属性设置了整个表格背景色,表格的列背景色,表格单元格背景色,供题主参考,效果图如下:

tbody 是在 table中使用:

带有 thead、tbody 以及 tfoot 元素的 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、<tbody>标签表格主体(正文)。该标签用于组合 HTML 表格的主体内容。

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

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

3、注释:如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。

4 、提示:在默认情况下这些元素不会影响到表格的布局。不过,您可以使用 CSS 使这些元素改变表格的外观。

5、详细描述

thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

只是一个文件结构用语,相当于告诉程序,下面的语句是html主体了……

html从模块上说都是head和body……

在dhtml中,tbody指明行作为表格主体。

TBODY 元素内包含的有效标签有:

TD

TH

TR

TBODY 元素会为全部表格自动定义,就算表格没有显式定义 TBODY 元素。

table 对象及其相关的元素有独立的表格对象模型,这与常规对象模型所采用的方法有很大不同。要获得关于表格对象模型更多的信息,请参看如何动态生成表格。

此元素在 Microsoft® Internet Explorer 3.0 的 HTML 中可用,在 Internet Explorer 4.0 的脚本中可用。

此元素不会被渲染。

此元素需要关闭标签


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7474625.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存