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

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

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

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

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

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

下面的例子指定边框的颜色，和th元素的文本和背景颜色：

例<html>

table, td, th

{

border:1px solid green

}

{

background-color:green

color:white

}

</style></head><body>

<table>

<tr>

<th>Firstname</th>

<th>Lastname</th>

<th>Savings</th>

</tr>

<tr>

<td>Peter</td>

<td>Griffin</td>

</tr></table></body></html>

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

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

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

示例：

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

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

</table>

欢迎分享，转载请注明来源：内存溢出

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