视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001 知道1 知道21 知道41 知道61 知道81 知道101 知道121 知道141 知道161 知道181 知道201 知道221 知道241 知道261 知道281
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
如何在HTML中更改字体颜色
2022-08-30 16:26:20 责编:小OO
文档
这篇文章介绍如何在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>

小提示

HTML颜色代码分为以下几个部分:前两个字符代表红色的色度,中间两个字符代表绿色的色度,最后两个字符代表蓝色的色度。可以在“00”到“99”之间选择每种颜色的含量。如果要最大限度地使用某种颜色,输入“FF”来代替数字,例如“0000FF”代表纯蓝。

提高页面的阅读体验。如果在白色的背景上使用亮色,或在黑色背景上使用暗色,就会很难看清文字。

型号较老的显示器只能显示约65000种颜色,某些更老的型号甚至只能显示256色,但绝大部分网络用户都能看到你指定的颜色。

警告

XHTML 1.0 Strict DTD不支持字体元素。

下载本文
显示全文
专题