調整css時候想要給自己的標簽加一個合適的背景
但是發現用background-image:url();引用圖片后根本沒法用啊有木有
查了許多資料，最后發現background一家有着許多成員，下面我們逐一介紹下
css之background
1. background-color這個太簡單了，后面直接跟顏色就好。會填滿border框內的所有區域。這里我想讓border框大小不變，但是背景色變小怎么辦？這個是經常會遇到的排版問題：這是一個左浮動的框，里面還有2個左浮動的框。如果調整with和height，屏幕變窄是右邊會擠下來，經常會排版很亂這時候建議：設置margin為復制來壓縮border框的大小，從而達到既不改變主框大小，又改變了背景色大小的目的。
2. background-position你設置center自然就居中咯。
3. background-size這個參數下面是 W3Cschool的介紹
| 值 | 描述 | 測試 |
|---|---|---|
| length | 設置背景圖像的高度和寬度。 第一個值設置寬度，第二個值設置高度。 如果只設置一個值，則第二個值會被設置為 "auto"。 |
測試 |
| percentage | 以父元素的百分比來設置背景圖像的寬度和高度。 第一個值設置寬度，第二個值設置高度。 如果只設置一個值，則第二個值會被設置為 "auto"。 |
測試 |
| cover | 把背景圖像擴展至足夠大，以使背景圖像完全覆蓋背景區域。 背景圖像的某些部分也許無法顯示在背景定位區域中。 |
測試 |
| contain | 把圖像圖像擴展至最大尺寸，以使其寬度和高度完全適應內容區域。 | 測試 |