目錄
- 背景色 background-color
- 背景影象 background-image
- 背景重複（平鋪） background-repeat
- 背景定位 background-position
關鍵字百分數值
長度值- 背景關聯 background-attachment
注：定義沒有先後之分。div
可以使用 background-color 為元素設定背景色。這個屬性接受任何合法的顏色值。這條規則把元素的背景設定為灰色：p
如果您希望背景色從元素中的文字向外少有延伸，只需增加一些內邊距：p
可以為所有元素設定背景色，這包括 body 一直到 em 和 a 等行內元素。
background-color 不能繼承，其預設值是 transparent。transparent有「透明」之意。也就是說，如果乙個元素沒有指定背景色，那麼背景就是透明的，這樣其祖先元素的背景才能可見。
要把影象放入背景，需要使用 background-image。
屬性值 repeat 導致影象在水平垂直方向上都平鋪，就像以往背景影象的通常做法一樣。例如：背景影象將從乙個元素的左上角開始：
可以利用 background-position 屬性 改變影象在背景中的位置。下面的例子在 body 元素中將乙個背景影象居中放置：
為 background-position 屬性提供值有很多方法。首先，可以使用一些關鍵字：top、bottom、left、right 和 center。通常，這些關鍵字會成對出現，不過也不總是這樣。還可以使用長度值，如 100px 或 5cm，最後也可以使用百分數值。不同型別的值對於背景影象的放置稍有差異。影象放置關鍵字最容易理解，其作用如其名稱所表明的。例如，top right 使影象放置在元素內邊距區的右上角。
根據規範，位置關鍵字可以按任何順序出現，只要保證不超過兩個關鍵字 - 乙個對應水平方向，另乙個對應垂直方向。
如果只出現乙個關鍵字，則認為另乙個關鍵字是 center。(10px = 10px center)
所以，如果希望每個段落的中部上方出現乙個影象，只需宣告如下：
下面是等價的位置關鍵字：單一關鍵字
等價的關鍵字
center
center center
toptop center 或 center top
bottom
bottom center 或 center bottom
right
right center 或 center right
left
left center 或 center left
百分數值的表現方式更為複雜。假設你希望用百分數值將影象在其元素中居中，這很容易：
這會導致影象適當放置，其中心與其元素的中心對齊。換句話說，百分數值同時應用於元素和影象。也就是說，影象中描述為 50% 50% 的點（中心點）與元素中描述為 50% 50% 的點（中心點）對齊。
如果影象位於 0% 0%，其左上角將放在元素內邊距區的左上角。如果影象位置是 100% 100%，會使影象的右下角放在右邊距的右下角。
因此，如果你想把乙個影象放在水平方向 2/3、垂直方向 1/3 處，可以這樣宣告：
如果只提供乙個百分數值，所提供的這個值將用作水平值，垂直值將假設為 50%。這一點與關鍵字類似。
background-position 的預設值是 0% 0%，在功能上相當於 top left。這就解釋了背景影象為什麼總是從元素內邊距區的左上角開始平鋪，除非您設定了不同的位置值。
長度值解釋的是元素內邊距區左上角的偏移。偏移點是影象的左上角。
比如，如果設定值為 50px 100px，影象的左上角將在元素內邊距區左上角向右 50 畫素、向下 100 畫素的位置上：
注意，這一點與百分數值不同，因為偏移只是從乙個左上角到另乙個左上角。也就是說，影象的左上角與 background-position 宣告中的指定的點對齊。
如果文件比較長，那麼當文件向下滾動時，背景影象也會隨之滾動。當文件滾動到超過影象的位置時，影象就會消失。css背景樣式css背景樣式
css背景樣式 css背景樣式 序號中文說明 標記語法 1背景顏色2背景 3背景重複 4背景固定 5背景定位 6背影樣式 1 背景顏色 background color 語法 說明 引數取值和顏色屬性一樣 注意 在 html當中，要為某個物件加上背景色只有一種辦法，那就是先做乙個 在 中設定完背景色...
css 背景樣式
樣式屬性 樣式名描述 background color 設定背景顏色 background image 設定背景 background repeat 設定背景重複 background position 設定背景影象定位 background attachment 設定背景影象滾動 backgrou...
css背景樣式
css背景background的樣式主要有以下幾種 1 背景的顏色 background color 背景顏色可以寫成十六進製制的以 開頭，還可以是rgb格式rgb 255.0.0 還可以直接寫成顏色的英文格式。格式一 background color fff 格式二 background colo...