CSS背景圖怎么移動
在CSS中,背景圖可以通過設(shè)置background-position
屬性來移動,這個屬性可以接收兩個值,分別代表水平和垂直方向上的位置,你可以使用像素、百分比或者em等單位來設(shè)置這些值。
如果你想要將背景圖向右移動50像素,你可以這樣寫:
div { background-position: 50px 0; }
如果你想要將背景圖向下移動50像素,你可以這樣寫:
div { background-position: 0 50px; }
如果你想要將背景圖向右和向下移動,你可以這樣寫:
div { background-position: 50px 50px; }
需要注意的是,background-position
屬性的值是根據(jù)元素的寬度和高度來計算的,如果你想要讓背景圖始終保持在元素的中心位置,你可以使用center
關(guān)鍵字來替代具體的像素值:
div { background-position: center; }
這樣,背景圖就會始終保持在元素的中心位置,無論元素的尺寸如何變化。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。