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

1. 圖片和文字并列
2. 圖片作為背景
3. 圖片和文字疊加

CSS中圖片和文字的設(shè)置方法

在CSS中，我們可以使用多種方法將圖片和文字設(shè)置在一起，以下是一些常見的設(shè)置方法：

圖片和文字并列

圖片和文字可以并列顯示，即圖片顯示在文字的旁邊，我們可以使用CSS的float屬性來實現(xiàn)。

<div>
  <img src="image.jpg" style="float: left;"/>
  <p>這是一段文字，顯示在圖片的旁邊。</p>
</div>

在上面的代碼中，圖片顯示在文字的左邊，我們可以將float屬性設(shè)置為right，將圖片顯示在文字的右邊。

圖片作為背景

圖片可以作為文字的背景，我們可以使用CSS的background-image屬性來實現(xiàn)。

<div style="background-image: url('image.jpg');">
  <p>這是一段文字，背景是圖片。</p>
</div>

在上面的代碼中，圖片作為文字的背景顯示，我們可以根據(jù)需要調(diào)整背景圖片的大小、位置等屬性。

圖片和文字疊加

圖片和文字可以疊加顯示，即圖片顯示在文字上面，我們可以使用CSS的position屬性來實現(xiàn)。

<div>
  <img src="image.jpg" style="position: absolute; top: 0; left: 0;"/>
  <p>這是一段文字，顯示在圖片上面。</p>
</div>

在上面的代碼中，圖片顯示在文字的上面，我們可以根據(jù)需要調(diào)整圖片的位置屬性，如top、left等，來控制圖片在文字上的顯示位置。

是CSS中常見的圖片和文字設(shè)置方法，我們可以根據(jù)具體的需求選擇適合的方法來實現(xiàn)圖片和文字的顯示需求。