CSS中,我們可以使用background-position
屬性來(lái)設(shè)置背景圖片的位置,如果你想要將背景圖片底部居中,可以這樣做:
body { background-image: url('你的圖片url'); background-position: center bottom; }
這段代碼會(huì)將背景圖片你的圖片url
設(shè)置在元素的底部中央位置。background-position
屬性接受兩個(gè)值,***個(gè)值控制水平位置,第二個(gè)值控制垂直位置,在這個(gè)例子中,center
表示水平居中,bottom
表示垂直居中。
如果你想要將背景圖片固定在底部,不隨著頁(yè)面的滾動(dòng)而移動(dòng),你可以給body
元素添加position: relative;
樣式,然后將背景圖片的position
設(shè)置為absolute;
:
body { position: relative; background-image: url('你的圖片url'); background-position: center bottom; }
這樣,無(wú)論頁(yè)面如何滾動(dòng),背景圖片都會(huì)保持在底部中央位置,希望這個(gè)解答對(duì)你有所幫助!