html设置颜色的三种方法(html设置颜色的三种方法图片)

大家好呀！今天想跟大家聊聊在HTML网页中怎么设置字体颜色，毕竟这可是网页设计里头最基本也最常用的功能了。
不管你的页面多复杂，总得有多种字体颜色搭配吧？
首先，给大家介绍几种设置字体颜色的方法：
1 . 新建文件：在桌面上创建一个新文件夹，然后新建两个文本文件，分别命名为index.和css.css。

2 . 编辑index.：用记事本打开index.文件，输入一些基础代码。

3 . 查看效果：保存后，用浏览器打开这个文件，看看效果如何。

4 . 修改代码：回到index.文件，在p标签内加上一些代码，比如fontcolor="008 2 5 2 "，这样就能设置字体颜色了。

5 . 完成：保存更改后，再次用浏览器查看，这样字体颜色的设置就完成了。

HTML中设置字体颜色主要有三种方式：

HTML命令方式：直接使用fontcolor="red"，这样字体就是红色的。

内联CSS样式：比如div style="color:blue"，这样字体就是蓝色的。

独立CSS样式：比如div id="div1 "，然后在样式表中设置div1 { color: green; }，这样字体就是绿色的。

接下来，我们再来看看怎么设置背景颜色。
一般通过background属性来实现。
这里有几种方式：

内嵌方式：直接在div标签中设置style="background:pink;width:1 00px;height:1 00px;"，这样就会得到一个粉色的小方块。

外联和行内：这两种方式也可以设置背景颜色，但这里就不详细展开了。

背景颜色的值可以是固定的英文名称，比如pink、red，也可以是十六进制颜色，比如6 6 6 6 6 6 ，或者是RGB和RGBA，RGBA还可以设置透明度，非常实用。

有时候，你可能会遇到字体颜色明明设置了，却一直是黄色的这种情况。
别担心，通常有三种解决方法：
1 . 外部CSS样式：在样式表中定义一个类，比如.blue { color: blue; }，然后在HTML标签中引用这个类。
2 . 内部CSS样式：在HTML文件的head部分直接写上