css引入圖片檔案的方法：1、透過「background-image:url(圖片位址)」方法來引入；2、使用「background:url(圖片位址)」方法來引入圖片，展現到網頁中即可。
本教學操作環境：Dell G3電腦、Windows7系統、HTML5&&CSS3版本。
推薦：《css影片教學》
css引入圖片檔案
在CSS中，可以用background-image :url(你的圖片地址)或background:url(你的圖片地址)來引入圖片，展現到網頁中。
<div id="bgimg"></div>
#bgimg {
background: #333 url(图片路径) center center no-repeat;
}第一個參數，圖片底層的背景顏色，第二個參數，圖片路徑，第三個參數，圖片上下的相對位置（其他參數left,right），第四個參數，圖片左右的相對位置（top,bottom），第五個參數，圖片的重複（其他參數repeat,repeat-x,repeat-y）。
範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背景图片设置</title>
<style>
.demo{
position:fixed;
top: 0;
left: 0;
width:100%;
height:100%;
min-width: 1000px;
z-index:-10;
zoom: 1;
background-color: #fff;
background: url(1.png);
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-position: center 0;
}
</style>
</head>
<body>
<div class="demo"></div>
</body>
</html>效果圖：
#說明：
background屬性是一個簡寫屬性，可以在一個聲明中設定所有的背景屬性。
background屬性就是專門設定背景的屬性，可以設定背景色，也可以設定背景圖片。
下面來看看background可以設定的屬性：
background-color： 規定要使用的背景顏色。
background-position： 規定背景影像的位置。
background-size： 規定背景圖片的尺寸。
background-repeat ：規定如何重複背景影像。
background-origin ：規定背景圖片的定位區域。
background-clip： 規定背景的繪製區域。
background-attachment： 規定背景圖像是否固定或隨著頁面的其餘部分滾動。
background-image ：規定要使用的背景圖片。
元素的背景是元素的總大小，包括填充和邊界（但不包括邊距）。預設情況下，background-image放置在元素的左上角，並重複垂直和水平方向。
以上是css 怎麼引入圖片文件的詳細內容。更多資訊請關注PHP中文網其他相關文章！
