定義和(hé)用法
background-color 屬性設置元素的背景顔色。
元素背景的範圍
background-color 屬性為(wèi)元素設置一(yī)種純色。這(zhè)種顔色會填充元素的內(nèi)容、內(nèi)邊距和(hé)邊框區(qū)域,擴展到元素邊框的外(wài)邊界(但(dàn)不包括外(wài)邊距)。如(rú)果邊框有透明(míng)部分(如(rú)虛線邊框),會透過這(zhè)些透明(míng)部分顯示出背景色。
transparent 值
盡管在大多數(shù)情況下(xià),沒有必要(yào)使用 transparent。不過如(rú)果您不希望某元素擁有背景色,同時(shí)又不希望用戶對浏覽器的顔色設置影響到您的設計,那(nà)麽設置 transparent 值還是有必要(yào)的。
實例
為(wèi)不同元素設置背景色:
body
{
background-color:yellow;
}
h1
{
background-color:#00ff00;
}
p
{
background-color:rgb(255,0,255);
}
CSS 語法
background-color: color|transparent|initial|inherit;
屬性值
值 | 描述 |
---|---|
color_name | 規定顔色值為(wèi)顔色名稱的背景顔色(比如(rú) red)。 |
hex_number | 規定顔色值為(wèi)十六進制值的背景顔色(比如(rú) #ff0000)。 |
rgb_number | 規定顔色值為(wèi) rgb 代碼的背景顔色(比如(rú) rgb(255,0,0))。 |
transparent | 默認。背景顔色為(wèi)透明(míng)。 |
inherit | 規定應該從(cóng)父元素繼承 background-color 屬性的設置。 |