background 1.設置背景平鋪background-repeat round ：圖片會進行縮放後平鋪space : 圖片會進行平鋪,中間留下空白空間 註：當滾動行為設為fixed,round和space沒有效果 2.設置滾動時的行為background-attachmentscroll：父元 ...
background
1.設置背景平鋪
background-repeat
round ：圖片會進行縮放後平鋪
space : 圖片會進行平鋪,中間留下空白空間
註：當滾動行為設為fixed,round和space沒有效果
2.設置滾動時的行為
background-attachment
scroll：父元素滾動時，跟隨滾動；子元素滾動時，不跟隨滾動。背景圖片跟隨父元素滾動
local：父元素滾動時，跟隨滾動；子元素滾動時，跟隨滾動。背景圖片一直跟隨滾動
fixed：父元素滾動時，不跟隨滾動；子元素滾動時，不跟隨滾動。背景圖片固定不變
3.設置圖片尺寸
background-size：寬度,高度
值/auto
如果設置成百分比的話，就是參照父容器的寬度和高度來
contains ：會按比例變換大小，使圖片全部在容器內，同時自適應容器大小
如果圖片大於容器，會造成空白
如果圖片小於容器 會放大圖片
cover 背景圖片會按比列縮放或擴大，會使圖片充滿容器
4.設置背景圖片原點
background-origin
border-box：圖片從border開始填充
padding-box：圖片從border開始填充
content-box：圖片從content開始填充
5.設置圖片裁切區域
background-clip
border-box：圖片顯示border以內的內容
padding-box：圖片顯示padding以內的內容
content-box：圖片顯示content以內的內容
background-origin 和background-clip 可以提升用戶的響應區域
