转载自：https://segmentfault.com/a/1190000004202527
背景background属性如下：
background:设置或检索对象的背景特性
background-color:设置或检索对象的背景颜色
background-image:设置或检索对象的背景图像
background-repeat:设置或检索对象的背景图像如何铺排填充
background-attachment:设置或检索对象的背景图像是随对象内容滚动还是固定的
background-position:设置或检索对象的背景图像位置
css3新增的:
background-origin:设置或检索对象的背景图像显示的原点
background-clip:检索或设置对象的背景向外裁剪的区域
background-size:检索或设置对象的背景图像的尺寸大小
background-origin：<box> [ , <box> ]*
<box> = border-box | padding-box | content-box
div
{ padding:25px;
border:10px dotted #000000;
background-image:url('/i/eg_smile.gif');
background-origin:content-box;
background-repeat:no-repeat;}
[图片上传失败...(image-276f03-1524217758279)]
div
{ padding:25px;
border:10px dotted #000000;
background-image:url('/i/eg_smile.gif');
background-origin:border-box;
background-repeat:no-repeat;}
[图片上传失败...(image-1ed135-1524217758279)]
div
{ padding:25px;
border:10px dotted #000000;
background-image:url('/i/eg_smile.gif');
background-origin:padding-box;
background-repeat:no-repeat;}
[图片上传失败...(image-f656b4-1524217758279)]
