background

英[?b?kgra?nd]? ?美[?b?k?ɡra?nd]??

n.（畫作等的）背景;底色;背景資料;

##複數(shù)： backgrounds

color

英['k?l?(r)]? ?美[?k?l?]??

n.<美麗; >顏色，色彩;膚色，臉色，血色;顏料，染料;本質(zhì)

v.<美>給…塗顏色;改變…的顏色;粉飾，渲染，使帶上色彩;臉紅

第三人稱單數(shù)： colors 複數(shù)： colors 現(xiàn)在分詞： coloring 過去式： colored 過去分詞： colored

css background-color屬性 語法

background-color屬性怎麼用？

background-color屬性用來設(shè)定元素的背景顏色（純色），語法為：background-color：顏色值。這種顏色會填滿元素的內(nèi)容、內(nèi)邊距和邊框區(qū)域，擴展到元素邊框的外邊界（但不包括外邊距）。

作用：設(shè)定元素的背景顏色。

說明：background-color 屬性為元素設(shè)定一種純色。這種顏色會填滿元素的內(nèi)容、內(nèi)邊距和邊框區(qū)域，擴展到元素邊框的外邊界（但不包括外邊距）。如果邊框有透明部分（如虛線邊框），會透過這些透明部分顯示出背景色。

註解：任何版本的 Internet Explorer （包括 IE8）都不支援屬性值 "inherit"。

css background-color屬性 範例

<html>
<head>
<style type="text/css">
body {background-color: yellow}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}
p.no2 {background-color: gray; padding: 20px;}
</style>
</head>
<body>
<h1>這是標題 1</h1>
<h2>這是標題 2</h2>
<p>這是段落</p>
<p class="no2">這個段落設(shè)置了內(nèi)邊距。</p>
</body>
</html>
執(zhí)行實例 ?

#點擊 "執(zhí)行實例" 按鈕查看線上實例

#