html style background HTML DOM Style backgroundColor 属性

html style background

HTML style background 是一种用于定义 HTML 元素的背景样式的属性。它可以用来设置元素的背景颜色、图片、渐变、边框和其他样式。

background: #FF0000;

上面这行代码将会将 HTML 元素的背景设为红色（#FF0000）。你也可以使用 RGB 值来设置背景颜色：

background: rgb(255, 0, 0);

你也可以使用 background-color 属性来单独设置背景颜色：

background-color: #FF0000;

此外，你还可以使用 background-image 属性来在 HTML 元素的背景中显示图片：

background-image: url(/images/bg.jpg);

你还可以使用 background-repeat 属性来决定图片是否重复显示：

background-repeat: no-repeat; 

此外，你还可以使用 background-position 来决定图片在元素中的位置：

background-position: center top; 

最后，你还可以使用 background-size 来决定图片在元素中的大小：

background-size: 100px 100px; 

HTML style background 还有很多高级功能，例如透明度、阴影和动画效果。如果想要了解有关 HTML style background 的详情信息，请浏览 W3Schools 网站上相关文章。

HTML DOM Style backgroundColor 属性

Style backgroundColor 属性

Style 对象

实例

设置文档的背景颜色：

document.body.style.backgroundColor="#f3f3f3";

---

定义和用法

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

---

浏览器支持

所有主要浏览器都支持 backgroundColor 属性。

注意：IE7 及更早的版本不支持 "inherit" 值。IE8 只有规定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。

---

语法

设置 backgroundColor 属性：

element.style.backgroundColor="color|inherit|transparent"

返回 backgroundColor 属性：

element.style.backgroundColor

属性值

值	描述
color	规定背景颜色。在 CSS 颜色值中寻找可能的颜色值的完整列表。
inherit	背景颜色从父元素继承。
transparent	默认。背景颜色是透明的（基本内容将会穿透）。

技术细节

默认值：	transparent
返回值：	一个代表背景颜色的字符串
DOM 版本	Core Level 1

---

Style 对象