精通css——background屬性
阿新 • • 發佈:2018-11-07
一:概念
1. background-color(1):規定要使用的背景的顏色
2. background-position(1):規定背景圖片的位置
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
------------------
x% y%
------------------
xpos ypos
3. background-size(3):規定背景圖片的尺寸
length
------------------
percentage
------------------
cover
------------------
contain
4. background-repeat(1):規定如何重複背景圖片
repeat
repeat-x
repeat-y
no-repeat
inherit
5. background-origin(3):規定背景圖片的定位區域
*padding-box
border-box
content-box
6. background-clip(3):規定背景的繪製區域
*border-box
padding-box
content-box
7. background-attachment(1):規定背景是否固定或者隨著頁面的其他部分滾動
*scroll
fixed
inherit
8. background-image(1):規定要使用的背景圖片
二:使用