background

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

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

#複數(shù)： backgrounds

css background屬性 語法

background屬性怎麼用？

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

##作用：background 簡(jiǎn)寫屬性在一個(gè)宣告中設(shè)定所有的背景屬性。

語法：

background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

說明：

可以設(shè)定如下屬性：

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

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

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

background-repeat ：?指定如何重複背景影像。

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

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

background-attachment：?設(shè)定背景圖片是否固定或隨著頁面的其餘部分滾動(dòng)。 ######background-image：?指定要使用的一個(gè)或多個(gè)背景影像。 #########註解：###IE8 以及更早的瀏覽器不支援一個(gè)元素多個(gè)背景圖像。 ###

css background屬性 範(fàn)例

<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>

執(zhí)行實(shí)例 ?

點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例