HTML 多個背景圖設置 在 HTML 中，我們通常使用 CSS 來設置元素的背景圖。但是，如果想要設置多個背景圖呢？今天，我們就來學習一下如何在 HTML 中設置多個背景圖。 首先，讓我們來看一下如何設置單個背景圖。我們可以在 CSS 中使用 background-image 屬性來設置一個背景圖，例如： p { background-image: url("example.jpg"); } 上面的代碼將為所有的 p 元素設置一個名為 example.jpg 的背景圖。 現在，我們來看一下如何設置多個背景圖。我們可以在 background-image 屬性中使用逗號來分隔多個背景圖，例如： p { background-image: url("example.jpg"), url("example2.jpg"); } 上面的代碼將同時為所有的 p 元素設置兩個背景圖，其中第一個背景圖是 example.jpg，第二個背景圖是 example2.jpg。 當然，我們并不只是可以設置兩個背景圖，我們可以根據需要添加更多的逗號和背景圖。 需要注意的是，當我們設置多個背景圖時，它們是按照從后往前的順序疊加顯示的。也就是說，最后一個背景圖將在最上面顯示，而第一個背景圖將在最下面顯示。 例如，我們可以按照以下順序設置三個背景圖： p { background-image: url("example3.jpg"), url("example2.jpg"), url("example.jpg"); } 這樣，當我們在 HTML 頁面中使用 p 元素時，將會按照 example3.jpg、example2.jpg、example.jpg 的順序疊加顯示這三個背景圖。 總結 通過以上示例，我們可以發現，在 HTML 中設置多個背景圖只需在 background-image 屬性中使用逗號分隔即可。同時，我們還需要注意多個背景圖的順序，以確保它們疊加顯示的效果符合我們的預期。 在接下來的開發中，我們可以根據需要添加更多的背景圖，并通過調整它們的順序，來創建出更加豐富的設計效果。