CSS中放置兩張圖片的方法

在CSS中，您可以使用多種方法來放置兩張圖片，以下是一些常見的方法：

1、使用HTML和CSS的position屬性

您可以使用HTML和CSS的position屬性來定位圖片，在HTML中定義兩個(gè)圖片元素，然后使用CSS的position屬性來分別定位它們。

<div class="container">
  <img class="image1" src="image1.png" />
  <img class="image2" src="image2.png" />
</div>

在CSS中定義兩個(gè)圖片的位置：

.container {
  position: relative;
}
.image1 {
  position: absolute;
  top: 0;
  left: 0;
}
.image2 {
  position: absolute;
  top: 50px;
  left: 50px;
}

這樣，***張圖片將位于容器的左上角，而第二張圖片將位于容器的右下角，您可以根據(jù)需要調(diào)整top和left屬性的值來更改圖片的位置。

2、使用CSS的float屬性

CSS的float屬性也可以用來放置圖片，您可以將兩個(gè)圖片元素設(shè)置為浮動(dòng)，并指定它們的浮動(dòng)方向。

<div class="container">
  <img class="image1" src="image1.png" />
  <img class="image2" src="image2.png" />
</div>

在CSS中定義兩個(gè)圖片的浮動(dòng)方向：

.image1 {
  float: left;
}
.image2 {
  float: right;
}

這樣，***張圖片將浮動(dòng)到容器的左側(cè)，而第二張圖片將浮動(dòng)到容器的右側(cè)，您可以根據(jù)需要調(diào)整圖片的浮動(dòng)方向。