CSS是前端開發中不可或缺的一部分，它可以幫助我們開發出美觀且功能強大的網頁。在CSS中，引用本機圖片也是常見的一項操作。下面我們來詳細了解一下CSS怎么引用本機圖片。
首先，我們需要在HTML中添加一個標簽來顯示圖片。接著，我們需要在CSS中為這個標簽設置相關的屬性，以展示圖片。
在CSS中引用本地圖片的方式有很多種，下面介紹其中兩種常見的方式。
第一種方式是使用相對路徑。相對路徑是指從當前頁面或樣式表的路徑出發指向資源文件的路徑，因此，我們可以這樣引用本機圖片：

p{
background-image:url('../images/bg.jpg');
}

其中“../images/bg.jpg”代表了圖片的路徑，表示在當前CSS文件的上一級目錄下的images文件夾中的bg.jpg圖片。如果樣式文件和圖片在同一級目錄下，則直接使用“./圖片名”，例如：

p{
background-image:url('./bg.jpg');
}

第二種方式是使用絕對路徑。絕對路徑是指從根目錄開始指向資源文件的路徑。因此，一般情況下我們需要這樣引用本機圖片：

p{
background-image:url('/Users/username/Desktop/images/bg.jpg');
}

其中“/Users/username/Desktop/images/bg.jpg”代表了圖片在本機的路徑，表示在Mac電腦的Desktop目錄下的images文件夾中的bg.jpg圖片。不同操作系統的文件路徑格式不同，需要根據實際情況進行修改。
通過以上兩種方式，我們就能夠在CSS中引用本機圖片了。我們只需要根據實際情況選擇合適的方式，按照格式正確地編寫CSS代碼即可實現引用本機圖片的效果。