html变更字体颜色代码

HTML代码的编写涉及到很多方面，其中包括页面的美化。在美化页面的过程中，我们可以通过改变文字的颜色来让页面的元素更加醒目。

<p style="color:red">这是红色的文字</p>

上述代码使用了style属性来定义文字的颜色，颜色的值设置为红色。在这里，style属性是一种内联样式（inline style），它可以直接在HTML元素的起始标签中定义CSS样式。

<p class="blue">这是蓝色的文字</p>
<style>
.blue{
    color:blue;
}
</style>

如果需要在多个元素中使用相同的样式，我们可以使用class属性来定义该样式。在上面的代码中，我们定义了一个名为“blue”的类（class），并将它的颜色设置为蓝色。在p标签中，我们引用了这个类，从而使该元素的文字颜色变成了蓝色。

<style>
#green{
    color:green;
}
</style>
<p id="green">这是绿色的文字</p>

除了class属性，我们还可以使用id属性来引用CSS样式。id属性与class属性不同之处在于，id属性是唯一的，而class属性可以被多个元素引用。在上面的代码中，我们定义了一个名为“green”的id，并将它的颜色设置为绿色。在p标签中，我们引用了这个id，从而使该元素的文字颜色变成了绿色。