CSS是層疊樣式表，它可以為HTML文件添加樣式并且使頁面更加美觀。除了文字和顏色之外，CSS還可以添加圖片。

第一步是確保你有了想要添加的圖片。這可以是一個存儲在你的計算機上的文件，或者是網上的鏈接地址。以下是添加圖片的CSS代碼示例：

img {
width: 100px;
height: 100px;
background-image: url("your-image-path.jpg");
background-repeat: no-repeat;
background-position: center;
display: block;
}

在這個示例中, "img"就是你想要為其添加圖片的HTML元素。"width"和"height"是圖片的大小。"background-image"將圖片的路徑添加到CSS中。"background-repeat"告訴CSS不要重復顯示圖片。"background-position"可以設置圖片在元素中的位置。"display"屬性告訴該元素應該以塊級元素的形式顯示，以便圖片不會擠到其他元素中。

你可以在CSS中針對不同的類或ID選擇器添加不同的圖片，以便每個元素都有自己的特定樣式：

.header {
background-image: url("header-image.jpg");
}
.sidebar {
background-image: url("sidebar-image.jpg");
}

在這個示例中，"header"和"sidebar"是這兩個元素的類別。為了在CSS中將其中一個元素與特定的圖片相聯系，你需要使用"background-image"，并在引號中添加你的路徑。

CSS中引用圖片的方式是讓你的網站更加富有吸引力。無論您是為網站添加一張產品圖片，還是在設計一個漂亮的導航菜單，這個技巧都可以讓您做到。