3. background-repeat

默認情況下背景圖像會從元素內容的左上角開始（若有內邊距則從元素內邊距區域的左上角開始），在水平和垂直方向上重復背景圖像以填充整個元素區域（不包括元素的外邊距區域），您可以使用 background-repeat 屬性用來設置背景圖像是否重復或如何重復，該屬性的可選值如下：

【示例】使用 background-repeat 屬性讓背景圖像只在水平方向上重復：

運行結果如下圖所示：

4. background-position

background-position 屬性用來設置背景圖像的起始位置，該屬性的可選值如下：

【示例】使用 background-position 屬性來設置背景圖像的位置：

運行結果如下圖所示：

5. background-attachment

background-attachment 屬性用來設置背景圖像是固定在某個位置還是跟隨頁面一起滾動，該屬性的可選值如下：

【示例】使用 background-attachment 屬性將背景圖像固定在屏幕的頂部：

運行結果如下圖所示：

6. background-size

background-size 屬性用來設置背景圖像的尺寸，該屬性的可選值如下：

【示例】使用 background-size 屬性設置背景圖像的尺寸，并將背景圖像橫向鋪滿整個元素區域：

運行結果如下圖所示：

點擊知道更多編程知識

文章來源于網絡