css設定圖片的方法：先建立一個HTML範例檔；然後在body中建立一個div；最後透過「background-image: url("1.jpg");」設定圖片即可。
本文操作環境：Windows7系統、HTML5&&CSS3版，DELL G3電腦
在CSS中，可以使用background-image屬性來設定圖片。 background-image屬性為元素設定背景影像。
元素的背景佔據了元素的全部尺寸，包括內邊距和邊框，但不包括外邊距。預設地，背景圖像位於元素的左上角，並在水平和垂直方向上重複。
根據 background-repeat 屬性的值，影像可以無限平鋪、沿著某個軸（x 軸或 y 軸）平鋪，或根本不平鋪。
初始背景圖像（原始圖像）根據 background-position 屬性的值放置。
background-image屬性的值：
url('URL') 指向影像的路徑。
none 預設值。不顯示背景影像。
inherit 規定應該從父元素繼承 background-image 屬性的設定。
提示：請設定一個可用的背景顏色，這樣的話，如果背景圖片不可用，頁面也可獲得良好的視覺效果。
範例：
<!DOCTYPE html>
<html>
<head>
<style>
div{
width:450px;
height: 300px;
background-image: url("1.jpg");
}
</style>
</head>
<body>
<div></div>
</body>
</html>效果圖：
#推薦學習：《css影片教學》
以上是css怎麼設定圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章！
