国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css背景圖怎么加定位,CSS背景圖定位方法

前端小編 6 0

CSS背景圖定位詳解

在CSS中,我們可以使用background-position屬性來定位背景圖,這個屬性接受兩個值,分別代表水平和垂直方向上的位置。

1. 水平和垂直方向定位

background-position: right top;背景圖定位在元素的右上角。

background-position: left top;背景圖定位在元素的左上角。

background-position: right bottom;背景圖定位在元素的右下角。

background-position: left bottom;背景圖定位在元素的左下角。

background-position: center;背景圖定位在元素的中心。

2. 使用像素值定位

除了使用上述的關(guān)鍵字,我們還可以使用像素值來***定位背景圖。

background-position: 10px 20px;背景圖定位在距離元素右上角10像素、距離底部20像素的位置。

3. 使用百分比定位

百分比值也可以用來定位背景圖,相對于元素的寬度和高度。

background-position: 50% 50%;背景圖定位在元素的中心。

background-position: 25% 75%;背景圖定位在元素的左下角。

4. 多個背景圖定位

如果元素有多個背景圖,可以使用逗號分隔的多個位置值來分別定位它們。

background-position: right top, left top, right bottom;***個背景圖定位在右上角,第二個背景圖定位在左上角,第三個背景圖定位在右下角。

示例代碼

下面是一個CSS樣式示例,展示了如何使用background-position屬性來定位背景圖:

div {
    width: 300px;
    height: 200px;
    background-image: url('image.png');
    background-position: right top; /* 定位背景圖在右上角 */
}

在這個示例中,背景圖image.png被定位在div元素的右上角,你可以根據(jù)需要調(diào)整這個值,以達到你想要的背景圖定位效果。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
午夜精品久久久久久久高潮| 草熟女| 黄色女女啊| 24小时日本在线观看| 天天色天天碰| 久久亚洲综合网| 精品人妻一区二区三区四区五区| 五月激情婷婷丁香| 少妇欧美激情一区二区三区| 精品久久久久久久国产性色av| 亚洲国产日韩av| 女人与禽性猛交视频网站 | 欧洲妇女做爰高潮喷水| 久久久精品国产免费观看同学| 国产高清在线精品一区二区三区 | 91久久久久国产精品| 成人免费在线毛片| SYMMETRYC18色谱柱| JAPANESE日本护士HD| 97在线观看| CHINESE河南VIDEOS偷| 噜噜噜噜噜久久久久久91| 亚洲性xxxx极品高清裸体图片| 国产精品露脸在线| 虎白女粉嫩图片大全| 精品国产乱码一区| 成人日韩av| www.av免费| 老熟妇仑乱视频一区二区| 亚洲国产成人精品女人久| 欧美亚洲中文日韩| 国产午夜精品一区二区三区欧美| 邻居少妇让我爽了三次| mature熟女熟妇milf2| 亚洲国产高清在线观看| 99RE热这里只有精品 | 久久综合88| 亚洲熟妇av| 色吧五月婷婷| 又粗又猛又爽又黄的视频| 内射白嫩人妻|