vivo|CSS 字体颜色 – 如何在 HTML 中设置文本样式折叠屏

文章图片

文章图片

在您正在构建的网站上设置文本颜色起初可能会令人困惑。但在本文中，您将学习如何做到这一点。
如何在 HTML 中设置文本颜色在CSS中，该属性对于设置任何内容的背景颜色都非常简单。 background-color
那么，如果您想设置页面上某些内容的前景颜色，该怎么办？尤其是文本，在正常情况下，您不希望为其设置背景色。
CSS中没有属性，因此使这成为可能的是属性。 foreground-color color
【vivo|CSS 字体颜色 – 如何在 HTML 中设置文本样式】在本文中，我将引导您完成如何使用 color 属性设置文本的颜色。我们还将介绍它采用值的各种方式。
color 属性以 4 种不同的方式获取值：命名颜色、十六进制颜色、RGB 颜色和 HSL 颜色。现在让我们看一下每一个。
命名颜色顾名思义，您可以引入 color 属性，并通过命名所需的颜色来应用值。这可能是红色，绿色，蓝色，橙色，深红色，青色或任何其他命名的颜色。浏览器识别出大约147种命名颜色。
基本语法如下所示：
element {
color: colorName

freeCodeCamp

p {
color: crimson;

十六进制颜色（或只是十六进制颜色）十六进制值用于表示总共包含 6 个字符的颜色。它们以磅/数字符号（#）开头，然后是0到9的任何数字，最后是从A到F的任何字母。
前 2 个值代表红色，接下来的两个值代表绿色，最后 2 个值代表蓝色。使用十六进制值时，可以使用的颜色阴影没有限制。
freeCodeCamp

p {
color: #dc143c;

颜色RGB 代表红色、绿色和蓝色。使用RGB colosr ，您可以根据所需的红色，绿色和蓝色来指定颜色。所有三者都用0到255之间的数字表示。
有一种名为的 RGB 类型。额外的“a”代表 alpha ，它允许您指定颜色的不透明度。它采用从 0.0 到 1.0 的值 – 0.0 表示 0% 不透明度， 0.5 表示 50% 不透明度， 1.0 表示 100% 不透明度。 rgba
基本语法为。 rgba(amountOfRed amountOfGreen amountOfBlue alpha)
如果您不想要 Alpha 值，则可以将其限制为。 rgba(amountOfRed amountOfGreen amountOfBlue)
以下是常规 RGB 值的语法：
freeCodeCamp

p {
color: rgb(220 20 60);

在这里，它展示了具有50%（0.5）不透明度的alpha值：
p {
color: rgb(219 20 60 0.5);

HSL 颜色HSL 代表色调、饱和度和亮度。这是在 CSS 中为文本（以及任何其他采用颜色的内容）指定颜色的另一种方法。