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>
執行實例 »
點擊 "執行實例" 按鈕查看線上實例