1、我们先在html里创建一个div。
2、为div添加一个样式名。
3、在样式里,先为div设置宽度,高度等属性。
4、然后添加一个背景图片。
5、运行页面, 看到div已经有了背景图片,但只显示了图片的一部分。
6、我们可以在样式里添加一个background-size的属性,这个就是设置背景图片大小的,一般设置的大小是div的大小。
7、再次运行页面,可以看到图片显示完整了,通过这个size的设置,会缩放图片的。
1、我们先在html里创建一个div。
2、为div添加一个样式名。
3、在样式里,先为div设置宽度,高度等属性。
4、然后添加一个背景图片。
5、运行页面, 看到div已经有了背景图片,但只显示了图片的一部分。
6、我们可以在样式里添加一个background-size的属性,这个就是设置背景图片大小的,一般设置的大小是div的大小。
7、再次运行页面,可以看到图片显示完整了,通过这个size的设置,会缩放图片的。