全栈博客园 全栈博客园全栈博客园

css布景色彩通明

要设置CSS布景色彩通明,你能够运用`rgba`函数或许`hsla`函数。这两种函数都能够让你设置色彩的通明度。

1. `rgba`函数:`rgba`代表赤色(Red)、绿色(Green)、蓝色(Blue)和通明度(Alpha)。Alpha值的规模是0到1,其间0是彻底通明,1是彻底不通明。

```css .transparentbackground { backgroundcolor: rgba; / 半通明的白色 / } ```

2. `hsla`函数:`hsla`代表色彩(Hue)、饱和度(Saturation)、亮度(Lightness)和通明度(Alpha)。Hue的值规模是0到360,代表色轮上的方位;Saturation和Lightness的值规模是0%到100%,别离代表饱和度和亮度;Alpha的值规模同样是0到1。

```css .transparentbackground { backgroundcolor: hsla; / 半通明的赤色 / } ```

这两种办法都能够完成布景色彩的通明作用。你能够依据你的详细需求挑选运用哪一种。

未经允许不得转载:全栈博客园 » css布景色彩通明