body {background-color:yellow;
} h1 {background-color:#00ff00;
} p {background-color:rgb(255,0,255);
}瀏覽器支持
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有瀏覽器都支持 background-color 屬性。
注釋:任何版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
background-color 屬性設(shè)置元素的背景顏色。
background-color 屬性為元素設(shè)置一種純色。這種顏色會(huì)填充元素的內(nèi)容、內(nèi)邊距和邊框區(qū)域,擴(kuò)展到元素邊框的外邊界(但不包括外邊距)。如果邊框有透明部分(如虛線邊框),會(huì)透過這些透明部分顯示出背景色。
盡管在大多數(shù)情況下,沒有必要使用 transparent。不過如果您不希望某元素?fù)碛斜尘吧瑫r(shí)又不希望用戶對(duì)瀏覽器的顏色設(shè)置影響到您的設(shè)計(jì),那么設(shè)置 transparent 值還是有必要的。
默認(rèn)值: | transparent |
---|---|
繼承性: | no |
版本: | CSS1 |
JavaScript 語法: | object.style.backgroundColor="#00FF00" |
值 | 描述 |
---|---|
color_name | 規(guī)定顏色值為顏色名稱的背景顏色(比如 red)。 |
hex_number | 規(guī)定顏色值為十六進(jìn)制值的背景顏色(比如 #ff0000)。 |
rgb_number | 規(guī)定顏色值為 rgb 代碼的背景顏色(比如 rgb(255,0,0))。 |
transparent | 默認(rèn)。背景顏色為透明。 |
inherit | 規(guī)定應(yīng)該從父元素繼承 background-color 屬性的設(shè)置。 |
![]() | ![]() .. 定價(jià):¥45 優(yōu)惠價(jià):¥42 更多書籍 |
![]() | ![]() .. 定價(jià):¥225 優(yōu)惠價(jià):¥213 更多書籍 |