html怎么给表格里字体改颜色

133 阅读 0 评论 88 点赞

我是靠谱客的博主柔弱芒果，这篇文章主要介绍html怎么给表格里字体改颜色，现在分享给大家，希望可以做个参考。

本文操作环境：windows7系统、HTML5&&CSS3版，DELL G3电脑

为html表格中的字体设置颜色，首先对td标签class命名，然后在CSS样式表中添加代码，示例如下：

复制代码<table width="80%" border="1">
<tr>
<td class="red">显示红色</td>
<td class="yellow">显示蓝色</td>
<td class="green">显示绿色</td>
</tr>
</table>1
2
3
4
5
6
7
<table width="80%" border="1">
<tr>
<td class="red">显示红色</td>
<td class="yellow">显示蓝色</td>
<td class="green">显示绿色</td>
</tr>
</table>
登录后复制

样式表如下：

复制代码<style type="text/css">
table .red {color:#FF0000}
table .yellow {color:#0000FF}
table .green {color:#0000FF}
</style>1
2
3
4
5
<style type="text/css">
table .red {color:#FF0000}
table .yellow {color:#0000FF}
table .green {color:#0000FF}
</style>
登录后复制

效果如下：

另外一种方法是直接在当前标签中嵌入样式，写法如下：

复制代码<table width="60%" border="1">
<tr>
<td style="color:#FF0000">显示红色</td>
<td style="color:#0000FF">显示蓝色</td>
<td style="color:#00FF00">显示绿色</td>
</tr>
</table>1
2
3
4
5
6
7
<table width="60%" border="1">
<tr>
<td style="color:#FF0000">显示红色</td>
<td style="color:#0000FF">显示蓝色</td>
<td style="color:#00FF00">显示绿色</td>
</tr>
</table>
登录后复制

推荐学习：《HTML视频教程》

以上就是html怎么给表格里字体改颜色的详细内容，更多请关注靠谱客其它相关文章！