如何在CSS中插入背景圖片 在CSS中，可以使用background-image屬性來插入背景圖片。這個屬性指定用作背景圖像的文件的URL。 如果要將背景圖像添加到元素中，請按如下方式將其添加到CSS中： p { background-image: url("example.jpg"); } 在這里，“example.jpg”是要用作背景圖像的文件名。 要使用相對路徑指定文件路徑，可以將文件放入與CSS文件相同的文件夾中，并使用以下路徑指定文件： p { background-image: url("images/example.jpg"); } 在這里，“images/example.jpg”是包含圖像的文件夾。 如果要使用絕對路徑指定文件路徑，請使用以下語法： p { background-image: url("http://www.example.com/images/example.jpg"); } 在這里，“http://www.example.com/images/example.jpg”是圖像的完整URL。 您還可以使用background-repeat屬性，將背景圖片平鋪（即復制）到元素中。默認情況下，背景圖片不會平鋪。如果要水平平鋪背景圖片，請使用以下語法： p { background-image: url("example.jpg"); background-repeat: repeat-x; } 在這里，repeat-x會將背景圖片水平平鋪。 您還可以使用background-position屬性將背景圖像定位在元素中的特定位置。默認情況下，背景圖像位于元素的左上角。要將它們放在元素的中心，請使用以下語法： p { background-image: url("example.jpg"); background-position: center center; } 在這里，center center將背景圖片居中。 您還可以組合這些屬性，使用以下語法： p { background: url("example.jpg") center center repeat-x; } 在這里，background屬性將圖像設置為居中平鋪。 在CSS中，背景圖片是一個很有用的工具，可以增強網站設計的外觀和感覺。使用上述技巧，您可以輕松地將背景圖像添加到網站中。