比如,对于这段文字,我们可以使用如下的 CSS 代码来让它变为半透明:
p { opacity: 0.6; }
这个属性常常和 rgba() 配合使用,例如:
p { color: rgba(255,255,0.5); }
透明度也可以应用在元素的背景上,例如:
p { background-color: rgba(0,0.5); }
这个代码可以让元素背景色变成黑色的 50% 透明度。
不过需要注意的是,透明度属性会继承到元素的所有子元素上,所以有时候需要谨慎使用。
比如,对于这段文字,我们可以使用如下的 CSS 代码来让它变为半透明:
p { opacity: 0.6; }
这个属性常常和 rgba() 配合使用,例如:
p { color: rgba(255,255,0.5); }
透明度也可以应用在元素的背景上,例如:
p { background-color: rgba(0,0.5); }
这个代码可以让元素背景色变成黑色的 50% 透明度。
不过需要注意的是,透明度属性会继承到元素的所有子元素上,所以有时候需要谨慎使用。