今天我們來學習一下如何在CSS中導入圖片。在網頁設計中，圖片具有非常重要的作用，很多時候需要在CSS中將圖片導入，用于裝飾網頁，使其更加美觀。
首先，我們需要將圖片保存在網站目錄下或子目錄中，使用相對路徑可以讓我們輕松地在CSS文件中引用這些圖片。下面是一個例子：

img{
background-image: url("../images/background.jpg");
width: 500px;
height: 500px;
}

在這個例子中，我們使用了相對路徑"../images/background.jpg"來引用一個名為background.jpg的圖片文件。在CSS中，background-image屬性用于設置元素背景圖片的路徑。同時，我們還可以通過width和height屬性設置圖片的寬度和高度。
另外，我們還可以使用絕對路徑來引用圖片。這通常在通過CDN加速時使用，具體方法如下：

img{
background-image: url("http://cdn.example.com/images/background.jpg");
width: 500px;
height: 500px;
}

在這個例子中，我們使用了絕對路徑"http://cdn.example.com/images/background.jpg"來引用一個來自CDN的圖片文件。這種方法可以讓我們從其他網站上加載圖片，提高網站性能，同時也可以保證圖片的可靠性和穩定性。
總之，在CSS中導入圖片非常簡單，我們只需要通過相對路徑或絕對路徑來引用圖片文件，就可以實現在網頁中顯示圖片的效果。希望這篇文章能夠對你有所幫助，謝謝閱讀！