0%

CSS: background-origin

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就是。