如何在HTML中更改字体颜色
时间:2020-06-11 10:48
阅读: 次
本指南介绍如何在HTML文件中更改颜色。HTML5已不再使用HTML字体标记,你可以使用CSS更改HTML页面文字的颜色。如果你正在使用旧版HTML,仍可根据需要使用HTML字体颜色标记。
方法1使用CSS
1选择文字颜色。
你可以使用红色等基础颜色来显示文字,但如果需要更细致的色调,就要用到HTML颜色生成器:- 在电脑浏览器中,前往 https://www.w3schools.com/colors/colors_picker.asp 。
- 在页面顶部的六角形色盘中选择一种基础颜色。
- 在页面右侧滚动至要使用的色调。
- 留意色调右侧的6位数编号。
2打开HTML文档。
打开要更改字体颜色的文档。- 如果没有HTML文档,先创建一个,然后继续下一步。
3找到要更改颜色的文字。
滚动文档,直到找到要更改颜色的段落、标题或其他形式的文字。4注意文字的标记。
例如,如果是标题,你会在起始位置看到“<h1>”。5在文档的顶部加上“head”和“style”部分。
在“<html>”标记下输入<head> ,按↵ Enter ,在“<head>”标记下输入<style> ,按两次↵ Enter ,然后输入两者的结束标记。结果应如下所示:<!DOCTYPE html><html><head><style></style></head><body>
6输入“color”样式标记。
单击“<style></style>”标记中间的空格,然后输入以下代码,注意要将“red”替换为自己选择的颜色代码,将“<h1>”替换为要更改颜色的文字标记:<h1> { color: red;}
7复查文档。
页面标题应如下所示:<!DOCTYPE html><html><head><style><h1> { color: red;}</style></head><body>
8统一正文的颜色。
如果要将文档的正文更改为同一种颜色,输入以下代码,并将“black”替换为中意的颜色:body { color: black;}
方法2使用HTML标记
1选择文字颜色。
你可以使用红色等基础颜色来显示文字,但如果需要更细致的色调,就要用到HTML颜色生成器:- 在电脑浏览器中,前往 https://www.w3schools.com/colors/colors_picker.asp 。
- 在页面顶部的六角形色盘中选择基础颜色。
- 在页面右侧滚动至要使用的色调。
- 留意色调右侧的6位数编号。
2打开HTML文档。
打开要更改字体颜色的文档。- 如果没有HTML文档,先创建一个,然后继续下一步。
3找到要更改颜色的文字。
滚动文档,直到找到要更改颜色的段落、标题或其他形式的文字。4添加“font”起始标记。
单击要更改颜色的文字左侧,然后输入以下代码,注意要将“red”更改为中意的颜色:<font color="red">
5添加“font”结束标记。
单击要更改颜色的文字末尾,然后输入</font> 。<font color="red">This text is red!</font>
注意事项
警告
上一篇:如何关掉YouTube上的广告
下一篇:如何将网页保存为书签