background-color背景顔色
background-color背景顔色是包含邊框border，邊框如果不設定顔色，預設會采用文本顔色，而文本顔色預設是黑色。
background-image背景圖檔
background-image背景圖檔占據了元素的全部尺寸，包括内邊距padding和邊框border，但不包括外邊距margin。預設背景圖檔位于元素的左上角，并且在水準和垂直方向重複。
background-repeat背景重複
background-repeat隻在設定了正确的background-image的值的情況下才有意義，它是描述是否以及如何重複背景圖檔。
（1）background-repeat的值對于背景圖檔覆寫範圍是否包含元素邊框border有影響？
background-repeat的值對于背景圖檔覆寫範圍是否包含邊框border沒有影響。不過實際代碼開發中如果背景圖檔尺寸大于元素内容+邊框的尺寸，那麼在展現形式上會有一定影響。
div{
width:500px;
height:500px;
padding:50px;
border:10px dashed black;
background-image:url(少婦.jpg) ;
float:left;
margin:10px;
}
div.repeat{
background-repeat:repeat;
}
div.noRepeat{
background-repeat:no-repeat;
}
<div class="repeat"></div>
<div class="noRepeat"></div>
在實際浏覽器中展示效果：
class="repeat|"的div所有邊框均有圖像，而class="repeat|"的div上、左邊框均沒有圖像。這是因為浏覽器預設的background-origin值為padding-box,即坐标原點預設為内容盒子的左上角頂點。如果圖檔不重複，那麼左上邊框自然不會包含背景圖像了。
background-attachment背景依附
設定元素背景圖檔的顯示方式
background-attachment:scroll | fixed;
說明：scroll:預設值，背景圖檔随滾動條滾動。
fixed:當頁面的其餘部分滾動時，背景圖檔不會移動。
（1）fixed定位是相對于整個網頁（浏覽器視窗）定位，而非容器？
background-positon背景位置
元素背景圖檔定位
設定元素背景圖檔的起始位置
background-position:百分比 | 值
top | right | bottom | left | center
| 值 | 說明 | 注意 |
| 長度值（x y） | 第一個值水準位置，第二個值垂直位置，左上角0 0 | 隻寫一個的話，第二個預設居中 |
| 百分比（x% y%） | 第一個值水準位置的百分比，第二個值垂直位置的百分比。 左上角0% 0%，右下角100% 100%。如果僅僅規定了一個值，那麼另一個将是50%。 | 隻寫一個的話，第二個預設居中 |
| top | 頂部顯示，相當于垂直方向0 | 隻寫一個的話，第二個預設居中 |
| right | 右邊顯示，相當于水準方向100% | 隻寫一個的話，第二個預設居中 |
| bottom | 底部顯示，相當于垂直方向100% | 隻寫一個的話，第二個預設居中 |
| left | 左邊顯示，相當于水準方向0 | 隻寫一個的話，第二個預設居中 |
| center | 居中顯示，相當于水準方向50%或者垂直方向50% | 水準、垂直方向都居中 |
（1）background-position中采用em機關時，em是相對于該元素字型大小嗎？
background-size背景尺寸
可以通過background-size設定背景圖檔的尺寸。