在前端開發過程中，為了頁面的美觀，往往都會給html頁面添加背景圖片。那么如何利用css設置html中用圖片做背景？本章就給大家介紹css怎樣設置背景圖片。有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。
css怎樣設置背景圖片?
下面看看background可以設置的屬性：
background-color： 規定要使用的背景顏色。
background-position： 規定背景圖像的位置。
background-size： 規定背景圖片的尺寸。
background-repeat ：規定如何重復背景圖像。
background-origin ：規定背景圖片的定位區域。
background-clip： 規定背景的繪制區域。
background-attachment： 規定背景圖像是否固定或者隨着頁面的其余部分滾動。
background-image ：規定要使用的背景圖像。
background-image:url(1.jpg);
上面的這些background屬性如果一個一個的設置是不是感到繁瑣，其實有些屬性是可以放在一起設置的，這樣的css背景表達可以節約且優化了css文件代碼。例：
1
background:url(bgimg.gif) no-repeat 5px 5px;
---------------------
css設置背景圖片的代碼實例
1.css設置背景圖片自適應全屏