![css如何实现背景图片等比例缩放]()
1![css如何实现背景图片等比例缩放]()
2![css如何实现背景图片等比例缩放]()
3![css如何实现背景图片等比例缩放]()
4![css如何实现背景图片等比例缩放]()
5![css如何实现背景图片等比例缩放]()
6![css如何实现背景图片等比例缩放]()
7
在css中，可以使用background-size属性设置背景图片的缩放。下面小编举例讲解css如何实现背景图片等比例缩放。
方法/步骤
新建一个html文件，命名为test.html，用于讲解裕茄躲css如何实现总召背景图片等比例缩放。
![css如何实现背景图片等比例缩放]()
在test.html文件内，使用div标签创建一个模块。
![css如何实现背景图片等比例缩放]()
在test.html文件内，设置div标签的class属性为mytest。
![css如何实现背景图片等比例缩放]()
在css标签内，通过class定义div标签的样式，设置它的宽度为400px，高度为400px，背景图片为1.png。
![css如何实现背景图片等比例缩放]()
在css标签内，再通过background-size属性让背景等比例缩放30%。
![css如何实现背景图片等比例缩放]()
- 相关内容非法爬取自百度经验
在浏览器打开test.html文件，查看实现的效果。肥捧
![css如何实现背景图片等比例缩放]()
END
总结：
1、使用div标签创建一个模块，设置div标签的class属性为mytest。
2、在css标签内，通过class定义div标签的样式，设置它的宽度为400px，高度为400px，背景图片为1.png。
3、在css标签内，再通过background-size属性让背景等比例缩放30%。
4、在浏览器打开test.html文件，查看实现的效果。END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部