[分享]css加灰色半透明背景色

CSS是前端开发中不可或缺的一部分。通过CSS，我们可以为网页增添各种各样的样式，包括背景色、字体样式、边框等。其中，半透明背景色是非常实用的一种效果。那么，怎样实现这个效果呢？backgroundc...

CSS是前端开发中不可或缺的一部分。通过CSS，我们可以为网页增添各种各样的样式，包括背景色、字体样式、边框等。其中，半透明背景色是非常实用的一种效果。那么，怎样实现这个效果呢？

background-color: rgba(128, 128, 128, 0.5); 

上面代码中的rgba(128, 128, 128, 0.5)就是CSS的半透明背景色。其中，前三个数字分别表示红、绿、蓝三种颜色的数值，范围从0到255。最后一个数字表示透明度，范围从0到1，值越大表示越不透明。

比如，我们可以将这个半透明背景色应用在一个容器中：

.container{
  background-color: rgba(128, 128, 128, 0.5);
} 

这样，我们就可以在CSS中加上灰色半透明背景色的效果了。