背景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;}

图片描述

div
{ padding:25px;
border:10px dotted #000000;
background-image:url('/i/eg_smile.gif');
background-origin:border-box;
background-repeat:no-repeat;}

图片描述

 div
{ padding:25px;
border:10px dotted #000000;
background-image:url('/i/eg_smile.gif');
background-origin:padding-box;
background-repeat:no-repeat;}

图片描述


smile追梦
216 声望8 粉丝

前端爱好者