background

英[ˈbækgraʊnd]   美[ˈbækˌɡraʊnd]  

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

#複數： backgrounds

css background屬性 語法

background屬性怎麼用？

background屬性是一個簡寫屬性，可以在一個宣告中設定所有的背景屬性。基本語法：background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

##作用：background 簡寫屬性在一個宣告中設定所有的背景屬性。

語法：

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

說明：

可以設定如下屬性：

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

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

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

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

background-origin ： 指定背景影像的定位區域。

background-clip    指定背景影像的繪畫區域。

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

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>

執行實例 »

點擊 "執行實例" 按鈕查看線上實例