CSS中可以使用background-image
屬性來設置背景圖片,并使用background-position
屬性來控制背景圖片的位置,如果想要將背景分成兩半,可以考慮使用兩個背景圖片,并分別設置它們的background-position
屬性來實現(xiàn)。
具體步驟如下:
1、準備兩個背景圖片,分別命名為background1.png
和background2.png
。
2、在CSS中設置background-image
屬性,分別指定兩個背景圖片:
body { background-image: url('background1.png'), url('background2.png'); }
3、使用background-position
屬性來控制兩個背景圖片的位置,如果想要將background1.png
放在左側(cè),background2.png
放在右側(cè),可以這樣設置:
body { background-image: url('background1.png'), url('background2.png'); background-position: left, right; }
這樣,背景就會被分成兩半,分別顯示兩個背景圖片的內(nèi)容,可以根據(jù)需要調(diào)整background-position
屬性的值來控制背景圖片的具體位置。