在網站開發中，我們經常需要在CSS中引用圖片。這是因為CSS可以通過background-image或者content屬性加載背景圖或者打印用的圖標。在CSS中引用圖片最常見的方法是通過使用“src”屬性來指定圖片的URL地址。 例如，在以下的CSS樣式中，我們通過“background-image”屬性引用了一張圖片： pre{ background-image: url('/images/code-bg.png'); } 在上面的代碼中，我們使用了“url”函數來指定圖片的URL地址。注意，這個地址是相對于CSS文件所在的路徑，而不是相對于HTML文件的路徑。 除了“background-image”屬性外，我們還可以在CSS中通過“content”屬性來引用圖片。這種方法通常用于元素的偽類樣式中，比如“:before”和“:after”。 例如，在以下的CSS代碼中，我們通過“content”屬性來引用了一個打印用的圖標： p:before{ content: url('/images/print-icon.png'); } 同樣，我們使用“url”函數來指定圖片的URL地址。在這里，我們選擇了“:before”偽類，所以這個圖標會出現在所有的段落元素的前面。 需要注意的是，如果CSS文件和圖片不在同一個域名下，可能會出現跨域問題。在這種情況下，瀏覽器會阻止你引用外部的CSS文件。如果你需要引用外部的CSS文件，最好將圖片上傳到同一服務器，以避免跨域問題。 總結一下，CSS中引用圖片是一種非常常見的做法，我們可以通過“background-image”和“content”屬性來實現。無論哪種方法，我們都需要使用“url”函數來指定圖片的URL地址。同時，我們還需要注意跨域問題，以保證我們的網站正常運行。