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

css怎么在圖片下面加個圖片,CSS圖片底部添加圖片的方法

前端小編 6 0

在CSS中,你可以使用相對定位或***定位來在圖片下面添加另一個圖片,相對定位是相對于當前元素進行定位,而***定位是相對于整個頁面進行定位。

下面是一個使用相對定位的例子:

HTML代碼:

<div class="image-container">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2" class="image-below">
</div>

CSS代碼:

.image-container {
  position: relative;
  width: 300px;
  height: 200px;
}
.image-below {
  position: relative;
  top: 50px;
}

在這個例子中,我們創(chuàng)建了一個名為image-container的容器,其中包含了兩個圖片元素,我們給第二個圖片元素添加了一個類名image-below,并在CSS中使用了position: relative;來使其相對于image-container進行定位,通過top: 50px;,我們可以控制第二個圖片距離***個圖片的位置。

如果你想要使用***定位,可以將.image-belowposition屬性改為absolute,并將top屬性改為leftright來使其相對于頁面進行定位。

.image-below {
  position: absolute;
  left: 50px;
}

這樣,第二個圖片就會相對于頁面進行定位,并距離***個圖片50像素。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
1024精品一区二区三区日韩| 人妻一级| 午夜精品久久久久久久2023| 国产又粗又猛又大爽视频| 国产精品乱码一区二区免费视频| 《少妇精油按摩》无码| 在线观看亚洲视频| 538国产精品视频一区二区| 大象一区二区三区| 无套内射熟女| 国产aⅴ精品一区二区三区久久| YN荡小镇公交车售票员怎么搜 | 午夜福利久久| 日韩欧美亚洲一区二区| 极品少妇一区二区三区四区| 99久久精品费精品国产一区二区| 午夜美女久久久久爽久久| 中文人妻无码一区二区三区信息| 2021中文字幕在线观看| 毛茸茸的孕妇孕交xxxx| 公侵犯一区二区三区| 国产免费高潮| 欧美激情一区二区三区| 国产疯狂做受xxxx高潮| 国产精品人妻无码一区二区三区| 亚洲精品男人天堂| 久久99精品久久久久久| 精品久久黑丝高跟鞋| 黄色激情五月天| 国产香蕉在线观看| 精品少妇一区二区三区免费观| 日韩精品 一区二区三区| 欧一美一色一伦一A片| 国产亚洲精品美女久久久久| 久久精品国产亚洲av日韩| 亚洲男人天堂一区| 久久99国产精品二区护士毛片| 最近中文字幕第一页| 成人av在线观看免费| 精品人妻一区二区三区蜜桃视频| 久久精品国产精品亚洲毛片|