在網(wǎng)頁設(shè)計(jì)中，使用CSS（級聯(lián)樣式表）來顯示圖片和文字是一種常見的方法，通過CSS，我們可以輕松地控制文字的顏色、大小、字體等，以及圖片的顯示方式，下面是一些基本的CSS代碼示例，展示了如何顯示圖片和文字。

1、CSS文字顯示圖片

1、文字樣式：在CSS中，我們可以使用color屬性來設(shè)置文字的顏色，font-size來設(shè)置字體大小，font-family來設(shè)置字體類型。

p {
  color: #333;
  font-size: 16px;
  font-family: Arial, sans-serif;
}

2、圖片顯示：使用background-image屬性可以在元素中顯示圖片。

div {
  background-image: url('image.jpg');
}

3、圖片和文字疊加：有時(shí)我們可能希望圖片和文字疊加在一起，這可以通過設(shè)置position屬性來實(shí)現(xiàn)：

div {
  position: relative;
  background-image: url('image.jpg');
}
p {
  position: absolute;
  top: 50px;
  left: 50px;
}

4、響應(yīng)式圖片：為了讓圖片在不同屏幕尺寸下都能良好顯示，可以使用max-width和height屬性：

img {
  max-width: 100%;
  height: auto;
}

通過CSS，我們可以輕松地控制網(wǎng)頁中的文字和圖片的顯示方式，這包括設(shè)置文字的顏色、大小、字體等，以及圖片的顯示位置、大小等，響應(yīng)式圖片的設(shè)計(jì)使得網(wǎng)頁在各種屏幕尺寸下都能提供良好的用戶體驗(yàn)，希望這些示例能幫助你更好地理解和應(yīng)用CSS來顯示圖片和文字。