色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css中圖片怎么位移

洪振霞1年前7瀏覽0評論

CSS中,我們可以使用background-position屬性來對背景圖片進行位移。該屬性需要兩個參數(shù),第一個是水平方向的位移值,第二個是垂直方向的位移值。

background-position: X軸偏移量 Y軸偏移量;

我們可以使用百分比、長度值或者關(guān)鍵字來定義位移值。其中,百分比表示相對于背景圖片的大小進行定位,長度值則表示相對于容器進行定位,關(guān)鍵字只有l(wèi)eft、right、center、top、bottom五個值。

比如,如果我們想將背景圖片沿x軸負方向移動50px,y軸正方向移動50px,可以這樣設(shè)置:

.example {
background-image: url("example.jpg");
background-position: -50px 50px;
}

如果我們希望背景圖片在容器中水平居中,垂直方向位于底部,則可以這樣設(shè)置:

.example {
background-image: url("example.jpg");
background-position: center bottom;
}

另外,我們還可以使用background-position屬性的簡寫形式,將兩個參數(shù)放在同一個值中間,中間用空格隔開:

.example {
background: url("example.jpg") -50px 50px;
}

總之,通過掌握background-position屬性,我們可以輕松地對背景圖片進行定位及位移,實現(xiàn)我們所想要的效果。