在CSS中,我們可以使用background-position
屬性來固定背景圖片的位置,這個屬性可以***地定位背景圖片在元素中的位置。
如果你想要將背景圖片固定在元素的左上角,你可以這樣寫:
element { background-position: left top; }
如果你想要將背景圖片固定在元素的右下角,你可以這樣寫:
element { background-position: right bottom; }
background-position
屬性還支持使用像素或百分比來定位背景圖片,如果你想要將背景圖片距離元素左側10像素,上側5像素的位置,你可以這樣寫:
element { background-position: left 10px top 5px; }
如果你想要將背景圖片填充整個元素,你可以這樣寫:
element { background-position: center; }
background-position
屬性會覆蓋background-repeat
屬性中設置的值,如果你想要讓背景圖片重復填充整個元素,并且每次都從同一個位置開始,你需要先設置background-repeat
屬性,然后再設置background-position
屬性。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。