CSS如何添加兩個(gè)圖片

在CSS中，我們可以使用background-image屬性來(lái)添加兩個(gè)圖片，這個(gè)屬性可以接收多個(gè)圖片路徑，用逗號(hào)隔開，圖片會(huì)按照從左到右的順序排列。

div {
    background-image: url('image1.png'), url('image2.png');
    background-position: left, right;
}

在這個(gè)例子中，image1.png和image2.png會(huì)分別顯示在div元素的左側(cè)和右側(cè)。

我們還可以使用background-repeat屬性來(lái)控制圖片的重復(fù)方式，我們可以設(shè)置background-repeat: no-repeat;來(lái)讓圖片不重復(fù)。

div {
    background-image: url('image1.png'), url('image2.png');
    background-position: left, right;
    background-repeat: no-repeat;
}

在這個(gè)例子中，image1.png和image2.png不會(huì)重復(fù)顯示，只會(huì)顯示一次。

需要注意的是，如果圖片路徑不正確或者圖片不存在，那么該圖片將無(wú)法顯示，我們需要確保圖片路徑的正確性。

使用CSS的background-image屬性可以輕松地添加兩個(gè)圖片到我們的網(wǎng)頁(yè)中，我們可以根據(jù)需要設(shè)置圖片的位置和重復(fù)方式，來(lái)打造出豐富多彩的網(wǎng)頁(yè)效果。