css 透明

作者：蛋蛋的憂傷发布日期:2026-07-15 浏览:24

/* 示例代码：设置元素的透明度 */

/* 使用 opacity 属性设置整个元素的透明度 */
.transparent-element {
    opacity: 0.5; /* 透明度为 50%，1 表示完全不透明，0 表示完全透明 */
}

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

/* 使用 hsla() 函数设置文本颜色的透明度 */
.text-with-transparent-color {
    color: hsla(240, 100%, 50%, 0.5); /* 蓝色文本，透明度为 50% */
}

解释说明：

opacity 属性用于设置整个元素的透明度。值范围从 0（完全透明）到 1（完全不透明）。
rgba() 和 hsla() 函数允许你分别为颜色和透明度指定值，其中最后一个参数是透明度（alpha），范围也是从 0 到 1。

上一篇：css 上下居中

下一篇：css背景渐变