1. 程式人生 > >精通css——background屬性

精通css——background屬性

一:概念

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):規定要使用的背景圖片

二:使用