如何更改HTML文本颜色?

null

大多数HTML网页都包含文本以提供信息。HTML文本可能包含说明、解释等,但是为了使阅读体验更好,HTML文本通常采用不同的样式技术进行格式化,着色或改变文本颜色是其中之一。在本教程中,我们将解释如何以不同的方式更改HTML文本颜色。

为什么要更改HTML文本颜色?

在开始解释如何更改HTML文本颜色之前,我们将列出一些用例和更改文本颜色的好处。

  • 表达文本或信息的重要部分。
  • 标记文本中的重要关键字,使其更易于查找。
  • 设置注释样式以区别于普通文本。
  • 使警告更清晰易读。

使用样式属性更改HTML颜色

改变HTML文本颜色的最流行和最简单的方法是使用 style 不同HTML标记的属性。在本例中,我们将使用 color 通过设置要设置的颜色来设置值。

I am normal which means black

I am RED

I am BLUE

I am YELLOW

I am PURPLE

I am BROWN

图片[1]-如何更改HTML文本颜色?-yiteyi-C++库
使用样式属性更改HTML颜色

更改特定标记或块的HTML颜色

我们可以为不同的标签或块设置HTML颜色。CSS类或选择器可以用来使一组HTML元素的文本颜色。

    

I am normal which means black

I am a Header

图片[2]-如何更改HTML文本颜色?-yiteyi-C++库
更改特定标记或块的HTML颜色

HTML颜色格式

HTML颜色可以用不同的格式定义。最流行的HTML颜色格式是十六进制、颜色名称、RGB和HSL格式。

了解更多 如何在HTML中对齐文本?

Hex Color Code 由十六进制值组成,颜色可以精确表示。例如“#FF0000”定义红色。

Color Name 是最常用、最流行、最人性化的名称,其中提供了确切的颜色名称,如红色、青色、黑色等。

RGB Color Value 类似于十六进制颜色代码,其中提供了3个值来定义颜色它就像一个调色板,其中红色、绿色和蓝色合并在一起,以创建其他颜色。

图片[3]-如何更改HTML文本颜色?-yiteyi-C++库
HTML颜色格式

使用十六进制颜色代码更改HTML颜色

我们可以通过使用十六进制颜色代码来改变HTML文本的颜色。我们将只使用先前定义的技术来设置颜色。

I am normal which means black

I am RED

I am BLUE

I am YELLOW

I am BROWN

图片[4]-如何更改HTML文本颜色?-yiteyi-C++库
使用十六进制颜色代码更改HTML颜色

使用颜色名称更改HTML颜色

颜色名称是定义和更改HTML文本颜色的最简单方法。实际上,我们已经提供了在HTML文本中使用颜色名称的示例。请看“改变HTML颜色与风格属性”部分。

使用RGB颜色值更改HTML颜色

RBG颜色值是定义不同颜色的另一种方法,具有不同的暗和光变化。

I am normal which means black

I am RED

I am BLUE

I am YELLOW

I am BROWN

图片[5]-如何更改HTML文本颜色?-yiteyi-C++库
使用RGB颜色值更改HTML颜色

用HSL颜色值更改HTML颜色

即使不是很流行的HSL颜色值也可以用来设置HTML文本的颜色。HSL看起来类似于RGB,其中提供了一些值来定义更暗或更亮的颜色。

I am normal which means black

I am RED

I am BLUE

I am YELLOW

I am BROWN

图片[6]-如何更改HTML文本颜色?-yiteyi-C++库
用HSL颜色值更改HTML颜色

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享