html&css-------图像（11/6）

控制图像大小：

小型肖像：220*360

小型景观：330*210

专题照片：620*400

背景图片（background-image）

重复图像（background-repeat、background-attachment）

background-repeat：repeat、repeat-x、repeat-y、no-repeat

background-attachment：（制定背景图像在用户滚动页面时的移动方式）fixed、scroll

背景图像定位（background-position）：（水平位置{left、center、right}，垂直位置{left、center、right}）

简写（background）

1.color

2.image

3.repeat

4.attachment

5.position

渐变（background-image）

#gradient{
/* fallback color */
background-color: #66cccc;
/* fallback image*/
background-image: url(xxxxxxxxxx.png);
/* Firefox 3.6+ */
backgroung-image: -moz-linear-gradient(#336666,#66cccc);
/* Safari 4+, Chrome 1+ */
background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#66cccc),to(#336666));
/* Safari 5.1+, Chrome 10+ */
background-image: -webkit-gradient(#336666,#66cccc);
/* Opera 11.10+ */
background-image: -o-linear-gradient(#336666,#66cccc);
height: 150px;
width: 300px;}4000
>