background系列的属性

Css2.1中

background-color:red;
background-image:url(../images/123.jpg);
background-repeat:no-repeat;
background-position:100px 60px;
background-attachment:fixed;

 

Css3又曾加一系列的属性

background-origin：背景起源，第一张背景图的渲染位置。

background-origin:content-box;

background-clip：背景裁切。裁切的是padding区域的背景

background-clip:content-box;

background-size:背景尺寸。两个参数：宽度、高度。若自动的按比例设置，写auto；可以写百分比，表示容器的百分之多少。

background-size:50%;

background-size:cover：尽可能的铺满，不用管图片是否显示完整。

background-size:contain：尽可能的容纳整体图片，不管图片是否是重复显示。

background-image属性中提供渐变

a.线性渐变

background-image:-webkit-linear-gradient(top,red,green);

-webkit-  chrome  safari 必须加上前缀
-moz- 火狐的前缀
-ms-  高级版本IE edge 前缀
-o- 欧朋

b.径向渐变

background-image:-webkit-radial-gradient(250px 250px,#ff0000,#ff00ff);