css背景属性:background-
color 属性指定元素的背景色。
例子:
body { background-color: #000000;}
不同的元素可以拥有不同颜色哦!
例子:
h1 { background-color: #f00;}
div { background-color: #00f;}
p { background-color: #0f0;}
不透明度
透明度-opacity 属性:取值范围为 0.0 - 1.0。值越低,越透明。
例子:
div { background-color: #00f; opacity: 0.6;}
注ps:使用 opacity 属性为元素的背景添加透明度时,其所有子元素都继承相同的透明度。这可能会使完全透明的元素内的文本难以阅读。如果您不希望对子元素应用不透明度,请使用 RGBA 颜色值。
设置背景色而不是文本的不透明度:100% opacity60% opacity30% opacity10% 。
RGBA指定颜色的不透明度。RGBA 颜色值指定为:rgba(red, green, blue, alpha)。alpha 参数是介于 0.0(完全透明)和 1.0(完全不透明)之间的数字。
例子:
div { background: rgba(0, 128, 0, 0.3);
/* 30% 不透明度的绿色背景 */}