如何使用 HTML 和 CSS 在网页中创建彩色文本？

在本文中，我们将学习使用 HTML 和 CSS 为网页中的文本着色。基本上，我们可以使用 HTML 中的 color 属性或linear-gradient使用 CSS 为文本着色。我们将在示例的帮助下探索这两种方法并了解它们的用法。

方法 ：

• 颜色属性：用于指定 元素内部的文本颜色。它可用于要应用颜色的每个字符或整个单词。
• 线性渐变（）函数：它用于文本样式，其中文本填充有线性渐变颜色代码。

方法一：使用 颜色属性。

句法 ：

Text content

属性值：

• hex_number：使用颜色十六进制代码设置文本颜色。例如“#0000ff” 。
• rgb_number：它使用RGB 代码设置文本颜色。例如： “rgb(0, 153, 0)” 。

例子：

HTML

  

    
    

  

    
        

            Welcome To
            G
            e
            e
            k
            s
            for
            G
            e
            e
            k
            s
        
    

  

输出：

方法二：使用linear-gradient属性。

句法：

background: linear-gradient(to left, color names);
-webkit-background-clip: text;
color: transparent;

在文本中添加多色的步骤：

• 使用所需的选择器在
  标签内添加一个简单的文本。
• 使用您选择的任何颜色应用线性渐变属性。
• 应用将使用渐变背景填充文本的webkit 属性，并使用透明背景声明颜色属性。

例子：

HTML

  

    
    

  

    

        Welcome To GeeksforGeeks!
    

  

输出：