1、打開(kāi)前端開(kāi)發(fā)工具，新建一個(gè)html代碼頁(yè)面

2、在html代碼頁(yè)面上創(chuàng)建一個(gè)用于設(shè)置背景顏色的div標(biāo)簽，然后給這個(gè)標(biāo)簽添加上class="bg-img"

3、設(shè)置背景圖片。創(chuàng)建style標(biāo)簽，然后在標(biāo)簽里面對(duì)類(lèi)為bg-img設(shè)置背景圖片、圖片不重復(fù)、寬、高的樣式。樣式代碼：.bg-img{height:100vh;width:100%;background-image:url(img/car.jpg);background-repeat:no-repeat;}

4、保存html代碼，使用瀏覽器打開(kāi)，這個(gè)時(shí)候會(huì)發(fā)現(xiàn)瀏覽器上的背景圖片顯示在左上角。

5、回到html代碼頁(yè)面，在bg-img類(lèi)里添加background-position:center的屬性。

6、保存html代碼后重新刷新瀏覽器，這個(gè)時(shí)候會(huì)發(fā)現(xiàn)瀏覽器上的背景圖片已經(jīng)自動(dòng)居中了。