当前位置 : 主页 > 网页制作 > html >

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

来源:互联网 收集:自由互联 发布时间:2021-08-18
html给表格里字体改颜色的方法:首先打开相应的HTML文件;然后找到table代码;最后通过设置“table .red {color:#FF0000}”属性来修改颜色即可。 本文操作环境:windows7系统、HTML5CSS3版,DEL

html给表格里字体改颜色的方法:首先打开相应的HTML文件;然后找到table代码;最后通过设置“table .red {color:#FF0000}”属性来修改颜色即可。

本文操作环境: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>

样式表如下:

<style type="text/css">
table .red {color:#FF0000}
table .yellow {color:#0000FF}
table .green {color:#0000FF}
</style>

效果如下:

21d0cc72103a7e68c4c33fa4f70e940.png

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

<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怎么给表格里字体改颜色的详细内容,更多请关注自由互联其它相关文章!

网友评论