CSS樣式如何設(shè)置html圖片背景？

CSS中，您可以使用顏色作為頁(yè)面的背景進(jìn)行處理，當(dāng)然處此之外，您還可以將背景設(shè)置為圖片，接下來(lái)，我為您介紹如何使用圖片作為背景，并對(duì)其進(jìn)行處理。

1、我們?cè)趖hml,創(chuàng)建一個(gè)div.并將這個(gè)div的背景設(shè)置為圖片，當(dāng)然，如果您需要將圖片作為整個(gè)頁(yè)面的背景，以下步驟也同樣適用與您。

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

3、創(chuàng)建了div后，我們需要為div添加樣式。添加樣式我們?nèi)繉?xiě)在CSS文件中，并在html頁(yè)面中引用。

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

5、我們首先使用了一張為regist.png的圖片作為背景，將其設(shè)置為背景。將圖片作為背景的具體代碼入下圖所示。

6、如果我們的背景小于我們的頁(yè)面，而頁(yè)面沒(méi)有固定寬度的話，那么圖片背景就會(huì)產(chǎn)生平鋪，我們需要設(shè)置不讓其自動(dòng)平鋪。

7、利用可以對(duì)您的圖片進(jìn)行等比例擴(kuò)大，當(dāng)然也可以拉伸，拉伸會(huì)失真，這不是明智的做法。不過(guò)等比例獲得您也會(huì)失去一部分圖片。具體效果您可以試一試看。

8、裁剪溢出部分。

9、如果您的div已經(jīng)有了需要占滿全屏，您的div的寬度可以設(shè)置為100%,這樣您的div會(huì)隨您的頁(yè)面改變其尺寸，但對(duì)于我們具體的業(yè)務(wù)div的寬度與高度根據(jù)您的需要進(jìn)行設(shè)置即可。

10、如果您的div需要居中，您可以設(shè)置margrin:0 auto即可。