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>
運行實例 ?

點擊 "運行實例" 按鈕查看在線實例