CSS 背景属性用于定义元素的背景效果。

您将学习如下 CSS 背景属性：

CSS background-color

background-color 属性指定元素的背景色。

实例

页面的背景色设置如下：

body {background-color: lightblue;}

通过 CSS，颜色通常由以下方式指定：

其他元素

您可以为任何 HTML 元素设置背景颜色：

实例

在这里，

、

和

元素将拥有不同的背景色：

h1 {background-color: green;}div {background-color: lightblue;}p {background-color: yellow;}

不透明度 / 透明度

opacity 属性指定元素的不透明度/透明度。取值范围为 0.0 - 1.0。值越低，越透明：

实例

div {background-color: green;opacity: 0.3;}

注意：使用 opacity 属性为元素的背景添加透明度时，其所有子元素都继承相同的透明度。这可能会使完全透明的元素内的文本难以阅读。

---

使用 RGBA 的透明度

如果您不希望对子元素应用不透明度，例如上面的例子，请使用 RGBA 颜色值。下面的例子设置背景色而不是文本的不透明度：

RGBA 颜色值指定为：rgba(red, green, blue, alpha)。alpha 参数是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。

实例

div {background: rgba(0, 128, 0, 0.3) /* 30% 不透明度的绿色背景 */}

版权声明：我们致力于保护作者版权，注重分享，被刊用文章【案例背景怎么写（6）】因无法核实真实出处，未能及时与作者取得联系，或有版权异议的，请联系管理员，我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!；

原文链接：https://www.yxiso.com/zhishi/2082299.html

上一篇：我想做汽车代理商（豪华汽车经销行业研究）

下一篇：经济律师（案例解读）

标签：案例背景怎么写