做(zuò)自(zì)由與創造的先行(xíng)者

CSS background-color 屬性

CSS中文手冊

定義和(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 屬性的設置。
網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發
下(xià)一(yī)篇:CSS background-image 屬性
上(shàng)一(yī)篇:CSS background-clip 屬性