CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation 读书笔记（1）设定背景图_html/css_WEB-ITnose

1

2

3

4

5

div{

background:url(img_flwr.gif);

background-size:80px 60px;

background-repeat:no-repeat;

}

1

2

3

4

5

6

7

8

9

10

.container{

   background:url(naicha.jpg) no-repeat;

   border: 2px solid black;

   margin:auto;

   width:300px;

   height:300px;

}

style >

div >

1

2

3

4

5

6

7

8

9

10

11

12

13

.container{

   background:url(naicha.jpg) no-repeat;

   background-size: 100% auto;    /*设置宽度100%，高度自动*/

   /*使用background-size: 100% auto; 等效于使用background-size: contain; */

   -webkit-background-size: 100% auto;

   border: 2px solid black;

   margin:auto;

   width:300px;

   height:300px;

}

style >

div >