目录

style backgroundColor 属性

示例

设置文档的背景颜色:

document.body.style.backgroundColor = "red";
亲自试一试 »

下面有更多 "亲自试一试" 示例。


描述

backgroundColor 属性设置或返回元素的背景颜色。

也可以看看:

HTML 样式:背景属性

CSS 教程:CSS 背景

CSS 参考:背景颜色属性


语法

返回背景颜色属性:

object.style.backgroundColor

设置背景颜色属性:

object.style.backgroundColor = "color|transparent|initial|inherit"

属性值

Value Description
color Specifies the background color. Look at CSS Color Values for a complete list of possible color values
transparent Default. The background color is transparent (underlying content will shine through)
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值: 透明的
返回值: 一个字符串,代表背景颜色
CSS版本 CSS1


浏览器支持

backgroundColor是 CSS1 (1996) 的一项功能。

所有浏览器都完全支持它:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes Yes

更多示例

示例

设置特定 <div> 元素的背景颜色:

document.getElementById("myDiv").style.backgroundColor = "lightblue";
亲自试一试 »

示例

返回特定 <div> 元素的背景颜色:

let color = document.getElementById("myDiv").style.backgroundColor;
亲自试一试 »

示例

返回文档的背景颜色:

let color = document.body.style.backgroundColor;
亲自试一试 »