HTML+CSS—背景图片、图片定位

1. 设置背景图片格式：

   background-image: url(img/ic.jpg);

2. 注意点：

   如果父容器面积大于背景图片，默认显示该图片整面平铺

3. 设置是否需要平铺属性：

   background-repeat: no-repeat(不平铺)

   background-repeat: repeat-y(垂直方向平铺)

   background-repeat: repeat-x(水平方向平铺)

  .box{
             background-image: url(img/bdlogo.gif);
             background-repeat: no-repeat;/*控制是否需要平铺*/
             background-repeat:repeat-y;/*设置垂直方向平铺*/
             background-repeat:repeat-x;/*设置水平方向平铺*/
         }

1. 背景图片定位：

   background-position

取值：1.像素值  2.方位单词（left、right、center、top、bottom）

 background-position:50px 50px;
 background-position:left center;

 　　　背景属性简写：

 background: url("img/ic.jpg")  50px  50px  blue no-repeat;/*赋值无需固定顺序*/