background-origin可以設定背景圖片的起點位置,分為以下三種:
border-box
border-box會讓圖片從border正下方開始延伸,意即border會覆蓋在圖片上。
padding-box
padding-box會讓圖片從padding開始延伸,所以border底下會留白,這個也是background-origin的預設值。
content-box
content-box會讓圖片從content開始延伸,所以border和padding的部分會留白。
範例
結語
要注意的是如果沒有下no-repeat,看起來會沒有差別,不過一般來說都會設定no-repeat就是。