同一個標籤可以同時設定背景顏色和背景圖片，如果顏色和圖片同時存在，那麼圖片會覆蓋顏色。

1.在css中有一個叫做background-position：屬性，就是專門用來控制背景圖片的位置

2.格式：background-position:值1 值2；

值1的取值範圍：left center right

值1代表背景圖片的水平位置

值2的取值範圍：top center bottom

值2代表背景圖片的垂直位置

值1和值2也可以設定畫素值，來分別表示距離最左邊和最上邊的畫素值(注意可以接受負值，也就是左上角就是座標的原點，圖片的左上角就是座標值的大小)，記住一定要帶單位。預設值為：left top

例子：

<style>
        .box{
            height: 1000px;
            width: 1000px;
            background-image: url("image/snow.jpg");
            background-repeat: no-repeat;
            background-position: center center;
        }
</style>

<div class="box">
</div>

東莞vi設計https://www.houdianzi.com/dgvi/

3.使用方式：

我們使用背景圖片，而不是使用img標籤，這是因為，當我們使用img標籤的時候，如果圖片很大那麼下面就會有滾動條，但是這種網頁是很垃圾的，因為展示出來首頁，就是讓大家看的，加一個滾動條很不舒服。那我們用小圖片不就得了，這其實也不行，因為我們每個人的螢幕解析度大小都不同，因此需要一張較大的背景圖片來解決上面的問題。