一丶background-color屬性

給一個元素設(shè)置了background-color屬性，它會從盒子模型的padding左上角開始繪制到padding右下角。border顏色需要單獨設(shè)置
不設(shè)置默認為黑色
此時介紹一個屬性background-clip，它有三個取值，border-box,padding-box和content-box，它們分別規(guī)定了背景顏色的繪制起從border,padding,content左上角開始，不設(shè)置默認從padding左上角開始。但是，取值為border-box時是無效的。
要給邊框設(shè)置顏色，要使用border:1px solid #xxxxxx;

二丶背景圖片

如果我們給一個元素設(shè)置了background: url("../images/xx.jpg") no-repeat;，那么背景圖片的繪制會從padding左上角開始。
background-clip屬性同樣生效，但是請注意，取值為border-box時是無效的。不設(shè)置默認從padding左上角開始繪制圖片。
注意：背景圖片會遮住背景顏色。如果設(shè)置background-clip屬性為content-box時，圖片比content區(qū)域更大，則圖片鋪滿整個content區(qū)域，圖片多出的區(qū)域會截斷，padding-box同理。