如何用CSS引用圖片

在CSS中，我們可以使用多種方式來引用圖片，以下是幾種常見的方法：

1、使用URL引用圖片：

在CSS中，我們可以使用url()函數(shù)來引用圖片，如果你想引用一張名為image.png的圖片，你可以這樣寫：

div {
    background-image: url('image.png');
}

注意，URL必須是***路徑或相對路徑，***路徑是從網站根目錄開始的路徑，如/images/image.png，相對路徑則是從當前CSS文件所在的目錄開始的路徑。

2、使用Base64編碼引用圖片：

另一種引用圖片的方法是使用Base64編碼，你可以將圖片轉換為Base64編碼的字符串，然后在CSS中直接使用這個字符串來引用圖片，這種方法的好處是圖片不需要單獨的文件存儲，但是會增加CSS文件的大小。

3、使用圖片路徑的引用：

在CSS中，我們還可以直接使用圖片的路徑來引用圖片，如果你的HTML文件和圖片文件在同一個目錄下，你可以這樣寫：

div {
    background-image: 'image.png';
}

這種方法比較簡單，但是需要注意的是圖片路徑必須是正確的，否則圖片將無法正確顯示。

選擇哪種方法來引用圖片取決于你的具體需求和場景，如果你需要更靈活的圖片引用方式，或者圖片數(shù)量較多，可以考慮使用URL引用或Base64編碼引用的方法，如果你對圖片路徑比較確定，或者圖片數(shù)量較少，那么直接使用圖片路徑來引用圖片也是一個不錯的選擇。