CSS是一種樣式表語言，用于控制網頁上的文本、布局和外觀。其中一個很有用的功能是能添加圖片到網頁上。以下是如何使用CSS添加圖片的幾種方法。

<style>
/* 方法一：使用background-image屬性 */
.background-image {
background-image: url("圖片網址");
}
/* 方法二：在HTML中添加img標簽 */
.img-tag {
/* 設置img標簽為塊級元素，可以控制它的大小和位置 */
display: block;
/* 設置圖片的寬度為300像素 */
width: 300px;
/* 設置圖片的高度為自適應 */
height: auto;
}
/* 方法三：使用偽元素 */
.pseudo-element::before {
content: "";
/* 設置偽元素為塊級元素 */
display: block;
/* 設置偽元素的高度為100像素 */
height: 100px;
/* 設置偽元素的寬度為100像素 */
width: 100px;
/* 設置偽元素的背景圖片 */
background-image: url("圖片網址");
}
</style>
<!-- 方法二 -->
<img src="圖片網址" alt="圖片說明" class="img-tag" />
<!-- 方法三 -->
<div class="pseudo-element"></div>

方法一使用的是CSS的background-image屬性，可以讓圖片作為背景圖像顯示。方法二則是直接在HTML中使用img標簽，可以設置圖片的大小和位置。方法三則是使用偽元素來添加圖片，同樣也可以控制圖片的大小和位置。

無論哪一種方法，都需要在CSS中或者HTML中設置圖片的路徑，以指向正確的圖片。在實際應用中，可以根據具體需求選擇其中一種方法來添加圖片。