📜  CSS 颜色属性

📅  最后修改于: 2021-08-31 02:48:16             🧑  作者: Mango

CSS 中的 color 属性用于设置文本的颜色、网页的背景以及设置边框的颜色。

句法

color: color/initial/inherit;

属性值:

  • 颜色:它将颜色设置为程序员在 CSS 文件中指定的文本。颜色可以设置为4种形式的文本-
  1. color-name:直接指定颜色的名称,如蓝色、绿色、黄色、白色、黑色等。

    句法:

    color: name-of-the-color; 
    

    例子:

    
    
        
            
                CSS color-name property
            
            
        
        
            

                CSS Color Property         

            

                GEEKSFORGEEKS: A computer science portal         

            

                GEEKSFORGEEKS: A computer science portal         

            

                GEEKSFORGEEKS: A computer science portal         

        

    输出:

  2. RGB/RGBA 值:这里 R 代表红色,G 代表绿色,B 代表蓝色。颜色将使用这些值的范围分配给文本。这些值的范围是 0 到 255。

    句法:

    color: RGB(value, value, value);

    例子:

    
    
        
            
                CSS RGB value property
            
            
        
        
            

                CSS color property         

            

                RGB(0, 150, 0)-This is the code for green color.         

            

                RGB(255, 0, 0)-This is the code for red color.         

            

                RGB(0, 0, 255)-This is the code for blue color.         

        

    输出:

  3. Hexa-Decimal Value:以十六进制格式表示颜色的值。它应该以前缀# 开头。这些值的范围从 #000000 到 #FFFFFF。

    句法:

    color: #RRGGBB;

    例子:

    
    
        
            
                CSS Hexa-decimal value property
            
            
        
        
            

                CSS color property         

            

                #00AA00-This is the code for green color.         

            

                #FF0000-This is the code for red color.         

            

                #0000FF-This is the code for blue color.         

        

    输出:

  4. HSL/HSLA 值: HSL 代表色相、饱和度和亮度。色调的范围是(0 到 360 度),饱和度是指灰度效果,范围是(0 到 100%),亮度是指光的效果,范围是(0 到 100%)。

    句法:

    color: HSL(value, value, value);

    例子:

    
    
        
            
                CSS HSL value property
            
            
        
        
            

                CSS Color property         

            

                HSL(147, 50%, 47%)-This is the code for green color.         

            

                HSL(0, 100%, 50%)-This is the code for red color.         

            

                HSL(240, 100%, 50%)-This is the code for blue color.         

        

    输出:

  5. 初始值:此值会将颜色值设置为其默认值。

    语法:

    color: initial;

    例子:

    
    
        
            
                CSS color-name property
            
            
            
        
        
            

                CSS Color Property         

            

                GEEKSFORGEEKS: A computer science portal         

        

    输出:

  6. 继承:它将从其父元素继承颜色的属性。

支持的浏览器: color 属性支持的浏览器有-

  • 谷歌浏览器 1.0
  • 浏览器 3.0
  • 火狐 1.0
  • Safari 1.0
  • 歌剧 3.5