css rgba()

CSS rgba()函数是一种用于设置颜色透明度的方法。这个函数可以在 CSS 属性中设置颜色的 RGB 值以及透明度。RGB 值用三个数字表示，分别代表了红、绿、蓝三个颜色分量的值。透明度的值在0和1之间，0表示完全透明，1表示完全不透明。

示例：

  background-color: rgba(255, 0, 0, 0.5);

在上面的例子中，我们设置了一个红色背景，并将透明度设置为0.5。这意味着，背景颜色只显示了其原本颜色的50%，而另外50%则显示了下面的元素。下面是一些常用 CSS 属性中使用 rgba() 的例子：

• 设置文本颜色的透明度

    color: rgba(255, 255, 255, 0.5);
  

• 设置边框颜色的透明度

    border-color: rgba(0, 0, 0, 0.3);
  

• 设置阴影的颜色和透明度

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  

使用 CSS rgba() 函数可以为你的网页增加更多的设计元素，如过渡与渐变，阴影和边框，甚至是更好的用户体验。