CSS 中如何让文字和背景透明度?
在 CSS 中,可以使用 opacity 属性来控制元素的透明度。如果要让文本的背景透明,可以使用 background-color 和 opacity 或 background-color 和 rgba 值的组合。
例如,以下代码将背景色设置为橙色,透明度为 0.5:
p {
background-color: rgba(255, 165, 0, 0.5);
}
另一种方式是使用 background 属性和 linear-gradient() 函数。以下代码将背景色设置为橙色,透明度为 0.5,并且添加了渐变:
p {
background: linear-gradient(rgba(255, 165, 0, 0.5), rgba(255, 165, 0, 0.5)), orange;
}
如果想让文本本身透明,可以使用 color 和 opacity 属性。以下代码将文本颜色设置为白色,透明度为 0.5:
p {
color: rgba(255, 255, 255, 0.5);
}
另外,如果要让图片透明,可以使用 opacity 属性。在以下代码中,透明度设置为 0.5:
img {
opacity: 0.5;
}
总的来说,透明度属性可以让我们在网页设计中创造出更加独特和吸引人的效果。
文章说明:
本文原创发布于探乎站长论坛,未经许可,禁止转载。
题图来自Unsplash,基于CC0协议。
该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。