CSS是一種用來控制網頁樣式的語言,其中background屬性可以用來設置背景圖片。當需要在一個元素中使用多張背景圖時,可以利用CSS3的多背景圖功能。
.multiple-bg { background-image: url("img1.jpg"), url("img2.jpg"); background-position: center top, left top; background-size: 50% 50%, 100% 100%; background-repeat: no-repeat, repeat-y; }
在上述代碼中,我們定義了一個類名為multiple-bg的元素,使用了兩張不同的背景圖,分別是img1.jpg和img2.jpg。其中,我們設置了背景圖的位置、大小和重復方式。
注意,多背景圖中多個參數之間使用逗號分隔,每一個背景圖都要單獨設置位置、大小和重復方式。如果不需要設置某個參數,可以使用關鍵字none進行占位。
在實際開發中,多背景圖可以用來實現各種復雜的效果,比如漸變背景、背景與陰影組合等。