定義和(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 屬性的設置。 |