Home  >  Article  >  Web Front-end  >  How to change the font color in the table in html

How to change the font color in the table in html

藏色散人
藏色散人Original
2021-03-26 16:19:2625815browse

htmlHow to change the color of the font in the table: first open the corresponding HTML file; then find the table code; finally modify the color by setting the "table .red {color:#FF0000}" attribute.

How to change the font color in the table in html

The operating environment of this article: windows7 system, HTML5&&CSS3 version, DELL G3 computer

To set the color of the font in the html table, first set the td tag Class name, and then add the code in the CSS style sheet. The example is as follows:

<table width="80%" border="1">
<tr>
<td class="red">显示红色</td>
<td class="yellow">显示蓝色</td>
<td class="green">显示绿色</td>
</tr>
</table>

The style sheet is as follows:

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

The effect is as follows:

How to change the font color in the table in html

Another method is to embed the style directly in the current tag, which is written as follows:

<table width="60%" border="1">
<tr>
<td style="color:#FF0000">显示红色</td>
<td style="color:#0000FF">显示蓝色</td>
<td style="color:#00FF00">显示绿色</td>
</tr>
</table>

Recommended learning: "HTML Video Tutorial"

The above is the detailed content of How to change the font color in the table in html. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:How to set html font sizeNext article:How to set html font size