html怎么设置字体颜色

我们先写一个基本的html，里面有一个div和一段文字。

先看下现在的页面，文字显示的就是默认的黑色字体。

要更改字体颜色，我们可以通过css样式来设置。

为.font 这个样式规则添加样式代码，很简单，就是添加color的样式，样式值为红色：red。代码如图。

再看下我们的网页，文字的颜色已经变成红色了。

1、首先，打开HTML编辑器并创建一个新的HTML文件，比如index.html。

2、在index.html中的<style>标签中，输入css代码：button {background-color: #00a7d0}

button:hover {background-color: #ff7701}。

3、当浏览器运行索引index.html页面中，出现蓝色背景颜色的按钮。

4、将鼠标移到按钮上，按钮的背景颜色将变为橙色。

---