CSS HSLA函数
CSS HSLA函数（HSL：Hue，Saturation，Lightness；A：Alpha）是一种用于定义颜色的函数，它使用色相、饱和度、亮度和透明度来定义颜色。HSLA函数可以根据需要改变颜色的色相、饱和度和亮度，以及设置颜色的透明度。
使用方法
HSLA函数的使用格式如下：
hsl(hue, saturation, lightness, alpha)
- hue：表示色相，取值范围为0-360；
- saturation：表示饱和度，取值范围为0%-100%；
- lightness：表示亮度，取值范围为0%-100%；
- alpha：表示透明度，取值范围为0-1；
例如，使用HSLA函数定义一个绿色，其使用方法如下：
hsl(120, 100%, 50%, 1)
上述HSLA函数定义的绿色，其色相为120，饱和度为100%，亮度为50%，透明度为1，即不透明。
HSLA函数也可以使用百分比定义颜色，例如定义一个红色，其使用方法如下：
hsl(0%, 100%, 50%)
上述HSLA函数定义的红色，其色相为0%，饱和度为100%，亮度为50%，因为没有设置透明度，所以默认为不透明。
HSLA函数还可以使用HSL定义颜色，例如定义一个黄色，其使用方法如下：
hsl(60, 100%, 50%)
上述HSLA函数定义的黄色，其色相为60，饱和度为100%，亮度为50%，因为没有设置透明度，所以默认为不透明。
HSLA函数是一种非常有用的函数，可以根据需要改变颜色的色相、饱和度和亮度，以及设置颜色的透明度，从而定义出各种美丽的颜色。