javascript - 更改字符/字体内的颜色

Question

首先，我需要说明我不是 Web 开发人员，但我通过尽可能多地学习教程以及从 Google 搜索中破解代码，成功地创建了一个 HTML5 和 CSS3 网站。

我想在我的网站上显示环境信息:温度、湿度、气压等

我想知道以下是否可行，是否有人可以指出正确的方向？

我想做的是显示温度值。并在与温度相关的数字内显示颜色。

例如:

If the Temp is below 10'C, then colour inside the digits is dark blue

If the Temp is between 10'C - 20'C, then the colour inside the digits is dark blue at the bottom and fades to light blue at the top of the digits

If the Temp is between 20'C - 30'C, then the colour inside the digits is light blue at the bottom and fades to orange at the top of the digits

If the Temp is between 30'C - 40'C, then the colour inside the digits is orange at the bottom and fades to red at the top of the digits

If the Temp is above 40'C then the colour inside the digits is red

我希望这是有道理的

提前致谢

格雷格

Answer 1

您可以使用一些具有不同背景颜色的类，例如。

在 CSS 中

.cssclassname1{
 background-color:blue;
}

.cssclassname2{
 background-color:blue;
}

在 html 中

<div class="cssclassname1">below 10</div>
<div class="cssclassname2">above 10</div>

希望这有助于...