<>css背景需要对应面积

一个背景的图片是什么 background
一个背景的大小，宽度，高度（百分比，像素）background-size
一个背景是否重复 background-repeat,不设置就是重复
这些是基本的属性，现在还有多重背景设置background_image，
背景区域选择background_origin，
背景区域绘制background_clip开始位置，
等细节，背景一共有3个设置区域

每个对象的矩形大小，语言都有一个计算的模板，我们可以认为的设定这些模板的属性。
css背景需要对应面积。


1，基本的设置
div
{
background:url(/i/bg_flower.gif);
background-size:75% 100%;
-moz-background-size:35% 100%; /* 老版本的 Firefox */
background-repeat:no-repeat;
}


div
{ background:url(/i/bg_flower.gif); background-size:35% 100%; -moz-background-size:35% 100%; /* 老版本的 Firefox */ background-repeat:no-repeat; }

body
{ background:url(/i/bg_flower.gif); background-size:63px 100px; -moz-background-size:63px 100px; /* 老版本的 Firefox */ background-repeat:no-repeat; padding-top:80px; }

经过确定像素的大小，可以缩小，放大一个图形
2，背景区域
background-origin

div
{ background-image:url('smiley.gif'); background-repeat:no-repeat; background-position:left; background-origin:content-box; }

3,多重背景

body
{ background-image:url(bg_flower.gif),url(bg_flower_2.gif); }

4，背景绘制

div
{ background-color:yellow; background-clip:content-box; }