CSS中，您可以使用顏色作為頁面的背景進行處理，當然處此之外，您還可以將背景設定為圖片，接下來，我為您介紹如何使用圖片作為背景，並對其進行處理。

1、我們在thml,建立一個div.並將這個div的背景設定為圖片，當然，如果您需要將圖片作為整個頁面的背景，以下步驟也同樣適用與您。

2、在上圖中，有幾個div，我們以id為d1的div為例。

3、建立了div後，我們需要為div新增樣式。新增樣式我們全部寫在CSS檔案中，並在html頁面中引用。

4、具體的樣式入下圖所示。

5、我們首先使用了一張為regist.png的圖片作為背景，將其設定為背景。將圖片作為背景的具體程式碼入下圖所示。

6、如果我們的背景小於我們的頁面，而頁面沒有固定寬度的話，那麼圖片背景就會產生平鋪，我們需要設定不讓其自動平鋪。

7、利用可以對您的圖片進行等比例擴大，當然也可以拉伸，拉伸會失真，這不是明智的做法。不過等比例獲得您也會失去一部分圖片。具體效果您可以試一試看。

8、裁剪溢位部分。

9、如果您的div已經有了需要佔滿全屏，您的div的寬度可以設定為100%,這樣您的div會隨您的頁面改變其尺寸，但對於我們具體的業務div的寬度與高度根據您的需要進行設定即可。

10、如果您的div需要居中，您可以設定margrin:0 auto即可。

我們在thml,建立一個div.並將這個div的背景設定為圖片，當然，如果您需要將圖片作為整個頁面的背景，以下步驟也同樣適用與您。

在上圖中，有幾個div，我們以id為d1的div為例。

建立了div後，我們需要為div新增樣式。新增樣式我們全部寫在CSS檔案中，並在html頁面中引用。

具體的樣式入下圖所示：

我們首先使用了一張為regist.png的圖片作為背景，將其設定為背景。將圖片作為背景的具體程式碼入下圖所示。

如果我們的背景小於我們的頁面，而頁面沒有固定寬度的話，那麼圖片背景就會產生平鋪，我們需要設定不讓其自動平鋪。

利用可以對您的圖片進行等比例擴大，當然也可以拉伸，拉伸會失真，這不是明智的做法。不過等比例獲得您也會失去一部分圖片。具體效果您可以試一試看。

裁剪溢位部分。

如果您的div已經有了需要佔滿全屏，您的div的寬度可以設定為100%,這樣您的div會隨您的頁面改變其尺寸，但對於我們具體的業務div的寬度與高度根據您的需要進行設定即可。

如果您的div需要居中，您可以設定margrin:0 auto即可。

如果您還處與學習階段，區域性您可以在開發的過程中，不斷調整，最後調整出您所需要的效果。