做自(zì)由與創造的先行者

CSS background-color 屬性

CSS中文(wén)手冊

定義和(hé)用(yòng)法

background-color 屬性設置元素的背景顔色。

元素背景的範圍

background-color 屬性爲元素設置一種純色。這(zhè)種顔色會(huì)填充元素的内容、内邊距和(hé)邊框區(qū)域,擴展到(dào)元素邊框的外(wài)邊界(但(dàn)不包括外(wài)邊距)。如果邊框有透明(míng)部分(如虛線邊框),會(huì)透過這(zhè)些(xiē)透明(míng)部分顯示出背景色。

transparent 值

盡管在大(dà)多數情況下(xià),沒有必要使用(yòng) transparent。不過如果您不希望某元素擁有背景色,同時(shí)又不希望用(yòng)戶對(duì)浏覽器的顔色設置影響到(dào)您的設計(jì),那麽設置 transparent 值還是有必要的。

實例

爲不同元素設置背景色:

body

{

background-color:yellow;

}

h1

{

background-color:#00ff00;

}

p

{

background-color:rgb(255,0,255);

}

CSS 語法

background-color: color|transparent|initial|inherit;

屬性值

描述
color_name 規定顔色值爲顔色名稱的背景顔色(比如 red)。
hex_number 規定顔色值爲十六進制值的背景顔色(比如 #ff0000)。
rgb_number 規定顔色值爲 rgb 代碼的背景顔色(比如 rgb(255,0,0))。
transparent 默認。背景顔色爲透明(míng)。
inherit 規定應該從(cóng)父元素繼承 background-color 屬性的設置。
網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:CSS background-image 屬性
上(shàng)一篇:CSS background-clip 屬性