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

css怎么讓圖片剛好覆蓋,CSS技巧,讓圖片***覆蓋

前端小編 11 0

CSS中,我們可以使用背景圖片來(lái)讓圖片剛好覆蓋,以下是一個(gè)簡(jiǎn)單的例子:

div {
    width: 300px;
    height: 200px;
    background-image: url('image.jpg');
    background-size: cover;
}

在這個(gè)例子中,我們?cè)O(shè)置了一個(gè)div的寬度為300px,高度為200px,并將背景圖片設(shè)置為image.jpg,通過(guò)background-size屬性,我們可以控制圖片的大小,使其剛好覆蓋整個(gè)div。

除了使用背景圖片,我們還可以使用CSS的position屬性來(lái)定位圖片,并將其設(shè)置為***定位,這樣,圖片就可以根據(jù)我們的需求來(lái)放置,并且可以確保圖片始終在可視范圍內(nèi)。

div {
    position: relative;
    width: 300px;
    height: 200px;
}
img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

在這個(gè)例子中,我們?cè)O(shè)置了一個(gè)div的寬度為300px,高度為200px,并將一個(gè)img元素作為其子元素,通過(guò)position屬性,我們可以將img元素設(shè)置為***定位,并將其top和left屬性設(shè)置為0,這樣它就會(huì)始終位于div的左上角,我們將img元素的width和height屬性設(shè)置為100%,這樣它就會(huì)始終填充整個(gè)div的寬度和高度,確保圖片剛好覆蓋整個(gè)div。

 
QQ在線咨詢(xún)
QQ咨詢(xún)
627619058
微信咨詢(xún)
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
jizz欧美性27| 乱子伦视频在线看| 国产亚洲成av人在线观看导航| 性少妇VIDEOSEXFREEXXX片中国 | 国产精品乱码一区二区三区视频 | 亚洲欧美精品在线| 日本少妇熟女| 国产美女无遮挡免费视频| 超碰成人在线观看| 人妻熟女一区二区三区APP下载| 欧美不卡激情三级在线观看| 亚洲精品国产一| 国产AV一区二区三区| 精品亚洲麻豆1区2区3区| 日韩久久久久久久久| 搬家工人当着老公的面| 中文字幕精品一区二区人妻 | 白洁高义篇| 蜜臀久久99精品久久久久| 久久精品国产99国产精品| 天堂а√在线资源在线| 水野朝阳人妻中文字幕| 日韩av一区二区| 亚洲熟妇乱色一区二区三区 | 波多野结衣中文字幕| 少妇搡BBBB搡BBB搡爱恋| 色一情一区二| 中文字幕一区二区人妻精品专区| 99精品国产一区二区三区| 日本上司侵犯人妻的片子叫什么| 欧美激情在线观看一区| 88xx成人免费观看视频库| chinese少妇高潮喷水2| 性丰满少妇| jizz亚洲女人| 久久久久久久久久人妻| 国产一级伦理| 日韩精品免费视频| 日韩国产精品久久久久久亚洲| 《被按摩的人妻4》BD高清完整版| 亚洲精视频|