HTML DOM中的backgroundColor屬性用于設置或返回元素的背景色。

用法:

object.style.backgroundColor

它返回元素的背景色。

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

inherit"

用于設置元素的背景色。

參數(shù)：backgroundColot屬性接受四個參數(shù)

color:該繩索保留背景色。

transparent:默認情況下，背景色是透明的。

initial:將此屬性設置為默認值

inherit:從其父元素繼承屬性

范例1：

Style backgroundColor Property

/* script to set background color */

function geeks() {

document.body.style.backgroundColor =

"lightgreen";

}

GeeksForGeeks

Style backgroundColor Property

Submit

輸出：

之前：

后：

范例2：

Style backgroundColor Property

#geeks {

width:250px;

height:100px;

background-color:coral;

}

GeeksForGeeks

DOM Style backgroundColor Property

Submitt

GeeksForGeeks

function geeks() {

document.getElementById("geeks").style.backgroundColor =

"lightgreen";

}

輸出：

之前：

后：

支持的瀏覽器：下面列出了DOM樣式backgroundColor屬性支持的瀏覽器：

Chrome 1.0

Internet Explorer4.0

Firefox 1.0

Safari 1.0

Opera 3.5

總結

以上是生活随笔為你收集整理的html body background color,HTML Style backgroundColor用法及代码示例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。