在 CSS 中,设置透明度需要使用属性opacity
,其取值范围为 0 到 1 之间,数值越小代表透明度越高,取值为 0 时为完全透明,取值为 1 时为不透明。使用示例如下:
/* 设置元素透明度为半透明 */ div { opacity: 0.5; }
除了opacity
属性外,还可以使用rgba
函数来设置元素透明度。
同样地,rgba
函数的取值范围为 0 到 1 之间,前三个参数是颜色值的 RGB 分量,最后一个参数代表透明度。使用示例如下:
/* 设置元素颜色为红色,透明度为 70% */ div { color: rgba(255, 0, 0, 0.7); }
以上是关于 CSS 中透明度的相关内容,掌握了这些,你能够轻松实现页面中透明度效果了。