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：<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)]