在web页面中,背景颜色是非常重要的。color属性控制文本颜色,而background-color属性控制背景颜色。通过CSS的background-color属性,可以设置元素的背景颜色。元素可以是body、div、h1、h2等等,以及所有 HTML 元素。颜色可以通过颜色名称、RGB值或十六进制值来定义。
默认情况下,元素的背景颜色是透明的。但是,当您将background-color属性设置为任何颜色时,它就会被覆盖。
background-color属性的语法如下:
background-color: color | transparent | initial | inherit;
例如,将元素的背景颜色设置为灰色:
background-color: gray;
CSS background-color属性也支持RGBA颜色模式。RGBA是由红、绿、蓝三种颜色组成,A表示alpha通道(透明度)。
例如,将元素的背景颜色设置为半透明的紫色:
background-color: rgba(138, 43, 226,0.5);