在CSS中，我們可以使用多種方法來(lái)顯示圖片和文字，以下是一些常見(jiàn)的方法：

1、使用img標(biāo)簽顯示圖片：

在HTML中，我們使用img標(biāo)簽來(lái)插入圖片。

<img src="image.jpg" alt="圖片描述">

src屬性是圖片的路徑，alt屬性是圖片的描述，當(dāng)圖片無(wú)法加載時(shí)，會(huì)顯示該描述。

2、使用CSS設(shè)置圖片大小和位置：

我們可以使用CSS來(lái)設(shè)置圖片的大小和位置。

img {
  width: 200px;  /* 圖片寬度 */
  height: 300px; /* 圖片高度 */
  position: absolute; /* 圖片位置 */
  top: 50px; /* 距離頁(yè)面頂部的距離 */
  left: 100px; /* 距離頁(yè)面左邊的距離 */
}

3、使用CSS設(shè)置文字樣式：

我們可以使用CSS來(lái)設(shè)置文字的樣式，如顏色、大小、字體等。

p {
  color: #333; /* 文字顏色 */
  font-size: 16px; /* 文字大小 */
  font-family: Arial, sans-serif; /* 字體 */
}

4、合并圖片和文字：

我們可以使用CSS的position屬性來(lái)將圖片和文字合并在一起。

div {
  position: relative; /* 相對(duì)于其***近的定位祖先元素進(jìn)行定位 */
}
img {
  position: absolute; /* 相對(duì)于div元素進(jìn)行定位 */
  top: 0; /* 距離div元素頂部的距離 */
  left: 0; /* 距離div元素左邊的距離 */
}
p {
  position: absolute; /* 相對(duì)于div元素進(jìn)行定位 */
  top: 50px; /* 距離div元素頂部的距離 */
  left: 0; /* 距離div元素左邊的距離 */
}

在這個(gè)例子中，圖片和文字都被定位在div元素內(nèi)，圖片位于div元素的左上角，文字位于圖片的下方50px處。