需要准备的材料分别有：电脑、chrome浏览器、html编辑器。1、首先，打开html编辑器，新建一个html文件，例如：index.html。2、其次，在index.html中的&lt；style&gt；标签中，输入css样式代码：body {background： url(image7.jpg) no-repeat；background-size： 250px；}。3、最后，浏览器运行index.html页面，此时用CSS强制了图片占用250px宽度的大小并且是等比例自动缩放。