css的background属性

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

css的background属性_第1张图片

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

css的background属性_第2张图片

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

css的background属性_第3张图片

你可能感兴趣的:(css的background属性)