html怎么设置表格中字体的颜色

html怎么设置表格中字体的颜色,第1张

在html中设置表格中字体的颜色用css的style实现,下面用一个html5文档具体演示一下:

1、新建一个html文档,在html中加入table,如下图所示

2、在table中加入style属性,通过给color设置颜色值修改字体颜色,如下图所示

3、也可以将style加到head标签内,如下图所示

4、最后运行html文档,就可以看到table内的字都变颜色了,如下图所示

1、定义一个表格table,其中包含<tr><td>子标签

2、设置单元格颜色,只需利用css属性background-color添加在td上。

3、设置宽度,只需直接给td加上width属性。

示例:

<table border=1 cellSpacing=5 cellPadding=5>

<tr><td style="background-color:red">第一行第一个</td><td width="300px">第一行第二个</td></tr>

<tr><td>第二行第一个</td><td>第二行第二个</td></tr>

</table>

题主说的是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属性设置了整个表格背景色,表格的列背景色,表格单元格背景色,供题主参考,效果图如下:


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

原文地址: https://outofmemory.cn/zaji/6207654.html

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

发表评论

登录后才能评论

评论列表(0条)

保存