css background屬性


  翻譯結果:

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>

執行實例 »

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

熱門推薦

首頁

影片

問答