在 CSS 中，:before 偽元素是一種常見的創建裝飾效果的方式。其中，url() 函數可以用來指定一個背景圖片，來為頁面增加更多的可視效果。 使用 url() 函數的語法非常簡單，只需要將圖片的路徑作為函數的參數即可： ```css .element:before { content: ""; display: block; width: 100px; height: 100px; background-image: url("path/to/image.png"); } ``` 其中，path/to/image.png 表示圖片的相對路徑或絕對路徑，具體路徑的設定需要根據具體的項目結構進行調整。 在使用 url() 函數時，需要注意以下幾點： 1. 圖片路徑必須放在引號中，單引號和雙引號均可； 2. 如果圖片路徑中包含空格或其他特殊字符，需要進行轉義； 3. 如果圖片路徑是動態生成的，可以通過 CSS 變量或 js 變量來實現動態加載。 總的來說，使用 url() 函數可以讓我們在 :before 偽元素中輕松地創建各種背景圖片，從而實現更加豐富多彩的頁面裝飾效果。