background屬性包含background-image屬性,是在一個聲明中設置全部的背景屬性。css
連background-image在內,background屬性包含如下:ide
background-color 規定要使用的背景顏色。1url
background-position 規定背景圖像的位置。1繼承
background-size 規定背景圖片的尺寸。3圖片
background-repeat 規定如何重複背景圖像。1ip
background-origin 規定背景圖片的定位區域。3it
background-clip 規定背景的繪製區域。3io
background-attachment 規定背景圖像是否固定或者隨着頁面的其他部分滾動。1class
background-image 規定要使用的背景圖像。1cli
inherit 規定應該從父元素繼承 background 屬性的設置。1
一般在寫css的時候,通常都直接用background作全局設置,不單獨去設置。
用background作全局設置時,要將全部背景屬性寫在一個聲明中
body { background: red }
p { background: url("index.png") 40% / 10em gray round fixed border-box; }
分拆寫法以下
body {
background-color: red;
background-position: 0% 0%;
background-size: auto;
background-repeat: repeat;
background-clip: border-box;
background-origin: padding-box;
background-attachment: scroll;
background-image: none }