如何为使用Boostratp样式的链接中嵌入的glyphicon图标应用自定义颜色？

给定一个带有相关Boostrap glyphicon的HTML文档，任务是将自定义颜色应用于它们。

方法：首先，我们需要将id属性分配给您需要使用CSS进行自定义的特定字形图标。我们可以将color属性应用于特定的id并通过使用十六进制值或常规颜色来更改图标颜色。

id是用于访问整个标记的属性。 color是元素的属性，用于更改特定元素的颜色，它将值作为十六进制值或颜色名称。

句法：

#id_name {
    color: red;
}

例子：

HTML

  

    
  
    
  
    
    
  
    
    
  
    
        #red_e {
            color: red;
        }
  
        #blue_e {
            color: blue;
        }
  
        #green_e {
            color: green;
        }
  
        #yellow_e {
            color: yellow;
        }
  
        #cyan_e {
            color: cyan;
        }
    

  

    
        Glyphicon Icons Styling
  
        
            
                Red Envelope Icon
         
  
        
            
                Blue Envelope Icon
         
  
        
            
                Green Envelope Icon
         
  
        
            
                Yellow Envelope Icon
         
  
        
            
                Cyan Envelope Icon
         
    

  

输出：

样式Boostrap Glyficon