background

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

n.（畫(huà)等的）背景;底色;背景資料;配樂(lè)

復(fù)數(shù)： backgrounds

css background屬性 語(yǔ)法

background屬性怎么用？

background屬性是一個(gè)簡(jiǎn)寫(xiě)屬性，可以在一個(gè)聲明中設(shè)置所有的背景屬性?；菊Z(yǔ)法：background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

作用：background 簡(jiǎn)寫(xiě)屬性在一個(gè)聲明中設(shè)置所有的背景屬性。

語(yǔ)法：background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

說(shuō)明：可以設(shè)置如下屬性：

background-color：指定要使用的背景顏色。

background-position：定背景圖像的位置。

background-size：指定背景圖片的大小。

background-repeat ：?指定如何重復(fù)背景圖像。

background-origin ：?指定背景圖像的定位區(qū)域。

background-clip ? ?指定背景圖像的繪畫(huà)區(qū)域。

background-attachment：?設(shè)置背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng)。

background-image：?指定要使用的一個(gè)或多個(gè)背景圖像。

注釋：IE8 以及更早的瀏覽器不支持一個(gè)元素多個(gè)背景圖像。

css background屬性 示例

<html>
<head>
<style type="text/css">
body
{ 
background: skyblue; 
}
</style>
</head>

<body>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
<p>這是一些文本。</p>
</body>

</html>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例