導讀需要準備的材料分別有：電腦、瀏覽器、html編輯器。1、首先，打開html編輯器，新建html文件，例如：index.html。2、在index.html中的<；style>；標簽中，輸入css代碼：body {background： url(image.jpg) no-repeat；background-size： 300px}。3、瀏覽器運行index.html頁面，此時背景圖片成功用css等比例縮小到了300px寬度的大小。