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