📜  CSS | hsla()函数

📅  最后修改于: 2021-11-07 07:41:34             🧑  作者: Mango

hsla()函数是 CSS 中的一个内置函数,用于使用 Hue Saturation Lightness Alpha (HSLA) 模型定义颜色。

句法:

hsla( hue, saturation, lightness, alpha )

参数:该函数接受上面提到和下面描述的四个参数:

  • 色调:此参数用于定义色轮上的度数。它的值介于 0 到 360 之间,其中 0 或 360 代表红色,120 代表绿色,240 代表蓝色。
  • 饱和度:此参数用于定义饱和度,其中 0% 代表灰色阴影,100% 代表全色。
  • 亮度:此参数用于定义亮度,其中 0% 代表黑色,50% 代表正常,100% 代表白色。
  • alpha:此参数用于定义不透明度,其值介于 0.0(完全透明)和 1.0(完全不透明)之间。

下面的程序说明了 CSS 中的 hsla()函数:

程序:



    
        hsla function
        
    
    
        
GeeksforGeeks
        

The hsla() Function

        

Green

        

Light green

        

Dark green

    

输出:

支持的浏览器: hsla()函数支持的浏览器如下:

  • Chrome 1.0 及以上
  • Internet Explorer 9.0 及以上
  • 火狐 3.0 及以上
  • Safari 3.1 及以上
  • Opera 10.0 及以上