主页 > 电子产品 >

如何在HTML中更改字体颜色

2024-01-29 19:20 电子产品

你可以使用红色等基础颜色来显示文字，但如果需要更细致的色调，就要用到HTML颜色生成器：

打开要更改字体颜色的文档。

在文档中滚动，找到要更改颜色的段落、标题或其他形式的文字。

例如，如果是标题，你会在起始位置看到“<h1>”。

在“<html>”标记下输入<head>，按↵ Enter，在“<head>”标记下输入<style>，按两次↵ Enter，然后输入两者的结束标记。结果应如下所示：

<!DOCTYPE html><html><head><style></style></head><body>

单击“<style></style>”标记中间的空格，然后输入以下代码，注意要将“red”替换为自己选择的颜色代码，将“<h1>”替换为要更改颜色的文字标记：

<h1> { color: red;}

页面标题应如下所示：

<!DOCTYPE html><html><head><style><h1> { color: red;}</style></head><body>

如果要把文档的正文更改为同一种颜色，那就输入以下代码，并把“black”替换为想要的颜色：

body { color: black;}

你可以使用红色等基础颜色来显示文字，但如果需要更细致的色调，就要用到HTML颜色生成器：

打开要更改字体颜色的文档。

滚动文档，直到找到要更改颜色的段落、标题或其他形式的文字。

单击要更改颜色的文字左侧，然后输入以下代码，注意要将“red”改成想要的颜色：

单击要更改颜色的文字末尾，然后输入</font>。

HTML颜色代码分为以下几个部分：前两个字符代表红色的色度，中间两个字符代表绿色的色度，最后两个字符代表蓝色的色度。可以在“00”到“99”之间选择每种颜色的含量。如果要最大限度地使用某种颜色，输入“FF”来代替数字，例如“0000FF”代表纯蓝。
提高页面的阅读体验。如果在白色的背景上使用亮色，或在黑色背景上使用暗色，就会很难看清文字。
型号较老的显示器只能显示约65000种颜色，某些更老的型号甚至只能显示256色，但绝大部分网络用户都能看到你指定的颜色。