background-clip ： border-box || padding-box || content-box

（1）Box Model中

　　  background-color是从边框左上角到边框右下角

　　  background-image是从padding左上角到边框右下角

（2）background-clip之后

　　  border-box: 从边框左上角到边框右下角             (默认)

　　  padding-box: 从padding左上角到padding右下角

　　  content-box: 从content左上角到content右下角

（3）chrome 和safari中可以实现背景图片填充文字

　　

-webkit-background-clip: text;
-webkit-text-fill-color: transparent;