當我們在網頁中添加了一張圖片，并使用CSS進行樣式設計后，卻發現圖片并沒有顯示出來，這是什么原因呢？

img {
width: 100px;
height: 100px;
background: url(image.png) no-repeat;
}

CSS樣式中使用background屬性將圖片作為背景，需要注意以下幾點：

1.圖片路徑是否正確

首先，我們需要確定圖片的路徑是否正確，即image.png文件是否存在于CSS文件所在的目錄中。

2.相對路徑與絕對路徑

在CSS中，還需要注意文件路徑的表示方式。相對路徑是相對于CSS文件的，絕對路徑則是相對于站點根目錄的。

/* 相對路徑 */
background: url(image.png) no-repeat;
/* 絕對路徑 */
background: url(/images/image.png) no-repeat;

3.圖片格式

還需要確認圖片格式是否正確。如果圖片格式不正確，那么瀏覽器將無法正常顯示圖片。

4.圖片大小

在進行背景設置時，還需要注意圖片大小是否適合。如果圖像太小，會出現拉伸失真的情況；如果圖像太大，則可能無法完全顯示。

因此，如果圖片沒有顯示出來，可以按照以上幾個方面進行排查，找到并解決問題。