📌  相关文章
📜  如何在HTML中更改文本颜色

📅  最后修改于: 2020-11-04 00:43:10             🧑  作者: Mango

如何在HTML中更改文本颜色

在HTML中，我们可以使用以下不同方式更改任何文本的颜色：

  • 使用HTML标签
  • 使用内联样式属性
  • 使用内部CSS

1.使用HTML标签

注意：HTML 5不支持字体的color属性，因此我们必须使用内联样式属性和内部CSS选项来更改文本的颜色。

如果要使用要在网页上显示的Html标记更改文本的颜色，则必须遵循以下步骤。使用这些步骤，我们可以轻松更改任何文本的颜色：

步骤1：首先，我们必须在任何文本编辑器中键入Html代码，或者在要使用Html标签的文本编辑器中打开现有的Html文件。


   
    
   
Change the text color Using HTML tag


 
JavaTpoint   

Html Tutorial   

How to Change the Text Color in Html

步骤2：现在，将光标移动到我们要更改颜色的文本的开头。然后，在该位置键入空的Html标签。

 Single Line text and statements

步骤3：然后，我们必须在要更改颜色的文本结尾处关闭字体标签。

 Single Line text and statements

步骤4：现在，我们必须添加名称为“ color”的字体标签的属性。因此，在开始标记内键入color属性。并且，然后我们必须提供要在文本上使用的颜色。因此，如以下块中所述，在color属性中键入颜色的名称。


   
    
   
Change the text color Using HTML tag


 

JavaTpoint   



Html Tutorial   

How to Change the Text Color in Html

步骤5：最后，我们必须将HTML代码保存在文本编辑器中并运行代码。执行后，我们将在浏览器中看到输出。以下屏幕截图显示了上述Html代码的输出：

2.使用内联样式属性

如果要使用将在网页上显示的内联样式属性来更改文本的颜色，则必须遵循以下步骤。使用这些步骤，我们可以轻松地更改文本的颜色。

步骤1：首先，我们必须在任何文本编辑器中键入HTML代码或在文本编辑器中打开要使用style属性更改文本颜色的现有HTML文件。


   
    
   
Change color using style attribute


 
This page helps you to understand how to change the color of a text.
And, this section helps you to understand how to change the text color using the style attribute.

步骤2：现在，将光标移动到我们要更改颜色的文本的开头。然后，在任何元素中键入内联样式属性。在这里，我们使用

(段落)标签：

 Any Text

步骤3：在这一步中，我们必须提供颜色名称作为值。我们可以用三种形式给出颜色名称：

  • 我们可以输入颜色的名称
  • 我们还可以输入颜色的RGB值
  • 我们还可以输入颜色的十六进制值。

步骤4：然后，我们必须在要更改颜色的文本结尾处关闭元素。

 Any Text

步骤4：最后，保存使用CSS样式属性更改文本颜色的HTML代码。


   
    
   
Change color using style attribute


 


This page helps you to understand how to change the color of a text.




And, this section helps you to understand how to change text color using style attribute.

以下屏幕快照显示了以上代码的输出：

2.使用内部CSS

如果要使用将在网页上显示的内部级联样式表来更改文本的颜色，则必须执行以下步骤。使用这些步骤，我们可以轻松地更改文本的颜色。

步骤1：首先，我们必须在任何文本编辑器中键入HTML代码，或在文本编辑器中打开要使用内部CSS更改文本颜色的现有HTML文件。


   
    
   
Change color using Internal CSS


 
This page helps you to understand how to change the color of a text.
In this Section, we used the internal CSS for changing the text color.

第2步：现在，我们必须将光标放在Html文档的head标签中，然后在

步骤3：现在，我们必须在要更改颜色的文本之前键入定义的元素选择器。


   
    
   
Change color using Internal CSS



 
This page helps you to understand how to change the color of a text.


In this Section, we used the internal CSS for changing the text color.

下面的屏幕快照显示了上述HTML代码的输出：