background屬性

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 }

相關文章
相關標籤/搜索