這篇文章給大家分享的是有關css設置背景的方法的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)致力于成都網站設計、網站建設、外貿網站建設,成都網站設計,集團網站建設等服務標準化，推過標準化降低中小企業(yè)的建站的成本，并持續(xù)提升建站的定制化服務水平進行質量交付，讓企業(yè)網站從市場競爭中脫穎而出。 選擇創(chuàng)新互聯(lián)，就選擇了安全、穩(wěn)定、美觀的網站建設服務！

css設置背景的方法：1、使用【background-color】屬性為元素設置一種純色；2、使用【background-image】屬性為元素設置背景圖像；3、background屬性可在一個聲明中設置所有的背景屬性。

本教程操作環(huán)境：windows7系統(tǒng)、css3版，DELL G3電腦。

css設置背景的方法：

1、background-color屬性

background-color屬性為元素設置一種純色。這種顏色會填充元素的內容、內邊距和邊框區(qū)域，擴展到元素邊框的外邊界（但不包括外邊距）。如果邊框有透明部分（如虛線邊框），會透過這些透明部分顯示出背景色。

transparent 值

盡管在大多數(shù)情況下，沒有必要使用 transparent。不過如果您不希望某元素擁有背景色，同時又不希望用戶對瀏覽器的顏色設置影響到您的設計，那么設置 transparent 值還是有必要的。

2、background-image屬性

background-image 屬性為元素設置背景圖像。元素的背景占據了元素的全部尺寸，包括內邊距和邊框，但不包括外邊距。

默認地，背景圖像位于元素的左上角，并在水平和垂直方向上重復。

根據 background-repeat 屬性的值，圖像可以無限平鋪、沿著某個軸（x 軸或 y 軸）平鋪，或者根本不平鋪。

初始背景圖像（原圖像）根據 background-position 屬性的值放置。

3、background屬性

background是一個簡寫屬性，可在一個聲明中設置所有的背景屬性。

可以設置如下屬性：

• background-color：規(guī)定要使用的背景顏色。

• background-position：規(guī)定背景圖像的位置。

• background-size：規(guī)定背景圖片的尺寸。

• background-repeat：規(guī)定如何重復背景圖像。

• background-origin：規(guī)定背景圖片的定位區(qū)域。

• background-clip：規(guī)定背景的繪制區(qū)域。

• background-attachment：規(guī)定背景圖像是否固定或者隨著頁面的其余部分滾動。

• background-image：規(guī)定要使用的背景圖像。

注意：請設置一種可用的背景顏色，這樣的話，假如背景圖像不可用，頁面也可獲得良好的視覺效果。

示例：

純色背景