css設置背景圖片居中？

1、打開前端開發工具，新建一個html代碼頁面

2、在html代碼頁面上創建一個用于設置背景顏色的div標簽，然后給這個標簽添加上class = "bg-img"

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

4、保存html代碼，使用瀏覽器打開，這個時候會發現瀏覽器上的背景圖片顯示在左上角。

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

6、保存html代碼后重新刷新瀏覽器，這個時候會發現瀏覽器上的背景圖片已經自動居中了。