background屬性如何設(shè)置多重背景

小樊
145
2024-07-02 11:28:37

要設(shè)置多重背景,可以使用逗號(hào)分隔的多個(gè)背景屬性值來(lái)定義。每個(gè)背景屬性值包括背景顏色、背景圖像、背景大小、背景位置等設(shè)置。以下是一個(gè)示例:

div {
    background: url('bg1.jpg') no-repeat center center, 
                url('bg2.jpg') no-repeat bottom right;
}

在上面的示例中,div元素添加了兩個(gè)背景圖像,分別是’bg1.jpg’和’bg2.jpg’,分別設(shè)置了不重復(fù)(no-repeat),居中顯示(center center)和底部右側(cè)顯示(bottom right)等屬性。

0