css透明

作者：术之影发布日期:2025-08-25 浏览:55

/* 设置元素的透明度 */
.transparent-element {
  opacity: 0.5; /* 透明度为50%，1为完全不透明，0为完全透明 */
}

/* 设置背景颜色的透明度 */
.background-transparent {
  background-color: rgba(255, 0, 0, 0.5); /* 红色背景，透明度为50% */
}

/* 文字颜色的透明度 */
.text-transparent {
  color: rgba(0, 0, 255, 0.5); /* 蓝色文字，透明度为50% */
}

解释说明：

opacity 属性用于设置整个元素的透明度，取值范围是 0 到 1，其中 0 表示完全透明，1 表示完全不透明。
rgba() 函数用于设置颜色和透明度，其中前三个参数分别是红、绿、蓝的颜色值（0-255），第四个参数是透明度（0-1）。

上一篇：css 绝对定位

下一篇：css背景透明