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

css怎么背景圖大小,CSS背景圖大小調(diào)整方法

前端小編 9 0

如何調(diào)整CSS背景圖大小

在CSS中,可以使用background-size屬性來調(diào)整背景圖的大小,這個(gè)屬性接受兩個(gè)值,分別是水平和垂直方向上的尺寸,如果你想讓背景圖在水平方向上填充整個(gè)容器,可以將水平尺寸設(shè)置為100%,如果你想讓背景圖在垂直方向上填充整個(gè)容器,可以將垂直尺寸設(shè)置為100%,如果你想讓背景圖既在水平方向上填充整個(gè)容器,又在垂直方向上填充整個(gè)容器,可以將兩個(gè)尺寸都設(shè)置為100%。

假設(shè)你有一個(gè)div元素,它的ID是myDiv,你希望它的背景圖在水平和垂直方向上都能填充整個(gè)容器,可以這樣寫CSS代碼:

#myDiv {
    background-image: url('myBackgroundImage.png');
    background-size: 100% 100%;
}

在上面的代碼中,url('myBackgroundImage.png')是背景圖的路徑,100% 100%是水平和垂直方向上的尺寸。

如果你想讓背景圖的大小適應(yīng)容器的尺寸,可以使用containcover關(guān)鍵字。contain關(guān)鍵字會(huì)讓背景圖保持其原始縱橫比,同時(shí)縮放***足夠大以填充容器。cover關(guān)鍵字會(huì)讓背景圖擴(kuò)展***足夠大以覆蓋整個(gè)容器,可能會(huì)超出容器的尺寸。

假設(shè)你有一個(gè)div元素,它的ID是myDiv,你希望它的背景圖能夠適應(yīng)容器的尺寸,可以這樣寫CSS代碼:

#myDiv {
    background-image: url('myBackgroundImage.png');
    background-size: contain;
}

或者:

#myDiv {
    background-image: url('myBackgroundImage.png');
    background-size: cover;
}

在上面的代碼中,url('myBackgroundImage.png')是背景圖的路徑,containcover是縮放關(guān)鍵字。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
婷婷av在线播放| 国产精品毛片一区二区在线看舒淇 | 不卡毛无套内射久久不| 性色国产成人久久久精品一区二区| 久久久久久久精品99国产国产| japanesexxxxx日本人妻| 日本人妻熟妇久久久久久| 国产精品呻吟av| 日韩欧美中文字幕一区| 日本熟女性高潮| 性少妇videosexfreexxx| 久久精品国产精品| 精品欧美黑人一区二区| 97久久人国产精品婷婷| JAPANESE高潮流白浆| 老熟妇一区二区三区免费| ass中国老熟女pics| 久久东京热av| 99热在线这里只有精品| 国精产品一区一区三区四川| 精品老熟女一区二区三区| 男人亲女人下面视频| 把黄瓜慢慢推进去…啊| 久久精品免费av| 亚洲麻豆一区二区三区| 亚洲av嫩草av极品在线观看| 精品丝袜人妻久久久久久| 久久精品a一级国产免视看成人 | 丝袜制服综合网| 国产又粗又猛又爽免费视频| 日韩精品中文字幕在线| 成人午夜激情影院| 高清毛片aaaaaaaaa片| h动漫精品| 色狠狠一区二区三区熟女91 | 日本白嫩多毛熟妇hd| 精品人妻无码一区二区三区软件| 国产全肉乱妇杂乱| 人妻av免费| 欧美tushy一区二区三区| 56av国产精品久久久久久久|