CSS 设置盒子透明度：opacity 属性详解

前端设置盒子透明可以通过 CSS 中的 'opacity' 属性来实现。该属性用于设置元素的透明度，取值范围为 0 到 1，0 表示完全透明，1 表示完全不透明。

示例代码：

.box {
  background-color: #fff; /* 设置背景色 */
  opacity: 0.5; /* 设置透明度为 50% */
}

在上述代码中，'.box' 为要设置透明度的盒子的类名，通过设置 'opacity' 属性为 0.5，将该盒子的透明度设置为 50%。此时，该盒子的内容和背景都会显示出来，但是会有一定的透明度，可以看到下方的内容。