HTML前端开发之路——盒子背景属性

1. background-clip属性简介

   background-clip属性用于设置盒子背景的一个显示区域，分别有border-box，padding-box，content-box；

   border-box表明背景是从边框开始，即包含边框；

   padding-box表明背景是从内边距开始，不包含边框；

   content-box表明背景是从内容开始，不包含边框以及内边距；

2. background-origin属性简介

   background-origin属性用于设置背景图片的显示区域，分别有border-box，padding-box，content-box；

   和background-box属性一样；

   border-box表明背景图片是从边框开始，即包含边框；

   padding-box表明背景图片是从内边距开始，不包含边框；

   content-box表明背景图片是从内容开始，不包含边框以及内边距；