如何使用 CSS 为元素添加特定颜色？

在本文中，我们将讨论元素以及如何使用 CSS 属性为元素添加特定颜色。

基本上，HTML 元素是开始和结束标记的集合，它们之间插入了内容。元素可以嵌套。

 Content 

注意：请参阅 HTML Elements 文章以获得更好的理解。

方法：

• 要为文本添加颜色，请使用 CSS color 属性。
• 要为 Box 添加颜色，请使用 CSS background-color 属性。
• 要为边框添加颜色，请使用 CSS 边框颜色属性。

示例 1：使用上述方法为文本添加颜色。

HTML

  

    
    

  

    
GeeksforGeeks

  

在上面的代码中，我们创建了一个 h1 标签并将文本的颜色更改为绿色。要更改文本颜色，我们使用了 CSS color属性。

输出：

文字颜色

示例 2：为 Box 添加颜色。

HTML

  

    
    

  

    
GeeksforGeeks

  

在上面的代码中，我们创建了一个类名为box-color 的 div 标签。在 style 标签中，我们使用了 CSS background-color 属性来改变背景的颜色。

同样的 background-color 属性也用于改变 body 标签中的背景来改变整个网页的颜色。

输出：

盒子颜色

注意：布局的尺寸完全取决于用户。

示例 3：为边框添加颜色。

HTML

  

    
    

  

    
GeeksforGeeks

  

在上面的代码中，我们创建了一个类名为border的div标签。在 style 标签中，我们使用了 CSS 的border-color 属性来改变颜色，使用border-style 属性使其可见。

输出：

边框颜色