在CSS中，我們可以使用多種方法來輸出圖片，以下是一些常見的方法：

1、使用img元素：

在HTML中，我們可以使用<img>元素來插入圖片。

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

在CSS中，我們可以設置img元素的樣式，如寬度、高度、邊框等。

img {
  width: 200px;
  height: 200px;
  border: 1px solid black;
}

2、使用背景圖片：

在CSS中，我們還可以將圖片作為元素的背景。

div {
  background-image: url('image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

這將使圖片覆蓋整個div元素，并重復顯示，我們可以使用background-repeat屬性來控制圖片的重復方式，使用background-size屬性來控制圖片的大小。

3、使用偽元素：

我們還可以使用偽元素來輸出圖片。

div::before {
  content: url('image.jpg');
  display: block;
  width: 200px;
  height: 200px;
}

這將使圖片以塊級元素的方式顯示，并設置其寬度和高度，我們可以使用content屬性來指定圖片的路徑，并使用display屬性來設置元素的顯示方式。

是三種在CSS中輸出圖片的方法，每種方法都有其適用的場景和優(yōu)勢，我們可以根據(jù)具體的需求和場景來選擇***合適的方法。