background-color

CSS属性中的 background-color 会设置元素的背景色，属性的值为颜色值或关键字transparent二者选其一.

示例

/* keyword values */
background-color: red;

/* hexadecimal value */
background-color: #bbff00;

/* rgb value */
background-color: rgb(255, 255, 128);

/* hsla value */
background-color: hsla(50, 33%, 25%, 0.75);

/* special keyword values */
background-color: currentcolor;
background-color: transparent;

/* global values */
background-color: inherit;
background-color: initial;
background-color: unset;

浏览器支持

语法：

取值

• ：一个描述背景统一颜色的CSS值。
• 当同时定义了背景颜色和背景图像时，背景图像覆盖在背景颜色之上。
• 即使一个或几个的background-image被定义，如果图像是不透明的，通过透明度该颜色也能影响到渲染。
• 在 CSS 中，transparent是一种颜色。
• 对应的脚本特性为backgroundColor。

例子

//HTML
 lorem ipsum dolor sit amet, consectetuer
 lorem ipsum dolor sit amet, consectetuer
 lorem ipsum dolor sit amet, consectetuer
//CSS
.exampleone {
  background-color: teal;
  color: white;
}

.exampletwo {
  background-color: rgb(153,102,153);
  color: rgb(255,255,204);
}

.examplethree {
  background-color: #777799;
  color: #ffffff;
}

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com