本文目錄導(dǎo)讀：

1. 使用HTML和CSS的img標(biāo)簽

CSS中設(shè)置兩張圖片的方法

在CSS中，我們可以使用多種方式來設(shè)置兩張圖片，以下是一些常見的設(shè)置方法：

使用HTML和CSS的img標(biāo)簽

在HTML中，我們可以使用img標(biāo)簽來插入圖片，通過CSS來設(shè)置圖片的位置、大小等樣式，我們可以使用以下代碼來設(shè)置兩張圖片：

<div>
  <img src="image1.jpg" style="position:absolute; top:0; left:0; width:50px; height:50px;" />
  <img src="image2.jpg" style="position:absolute; top:50px; left:50px; width:100px; height:100px;" />
</div>

在上面的代碼中，我們使用了兩個(gè)img標(biāo)簽來插入兩張圖片，通過CSS來設(shè)置圖片的位置、大小等樣式，position屬性設(shè)置為absolute，表示圖片的位置相對(duì)于其***近的定位祖先元素（如果有的話）或者相對(duì)于初始包含塊（如果沒有定位祖先元素的話），top和left屬性分別表示圖片距離其定位祖先元素的頂部和左邊的距離，width和height屬性分別表示圖片的寬度和高度。

二、使用CSS的background-image屬性

CSS的background-image屬性也可以用來設(shè)置兩張圖片，我們可以使用以下代碼來設(shè)置兩張圖片：

div {
  background-image: url("image1.jpg"), url("image2.jpg");
  background-position: 0 0, 50px 50px;
  background-size: 50px 50px, 100px 100px;
}

在上面的代碼中，我們使用了兩個(gè)背景圖片，通過CSS來設(shè)置背景圖片的位置、大小等樣式，background-position屬性表示背景圖片距離其定位祖先元素的頂部和左邊的距離，background-size屬性表示背景圖片的寬度和高度，需要注意的是，如果背景圖片的尺寸不同，那么后面的背景圖片會(huì)覆蓋前面的背景圖片，在設(shè)置背景圖片時(shí)，需要謹(jǐn)慎選擇圖片的尺寸和位置。