背景图片尺寸background-size的应用

1、新建html文件

2、创建div和样式添加背景图片

3、预览效果如图显示原始图片大小

4、设置图片的宽高

5、效果如图

6、用百分比设置图片的宽高

7、效果如图

8、设置background-size:cover;

9、效果如图

10、设置background-size:contain;

11、效果如图