css的background属性

转载自：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： [ , ]*
= 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)]