在使用HTML建立網頁時，img標簽是必不可少的標簽之一。通過img標簽，我們可以在網頁上顯示圖片，極大地豐富了網頁的展示形式，讓網頁更加生動。而CSS圖片則為我們提供了更多的圖片展示方式。

<img src="圖片路徑">

img標簽的使用非常簡單，只需要在標簽中指定圖片的路徑即可，其中路徑可以是相對路徑或者絕對路徑。

img {
width: 100px;
height: 100px;
}

而CSS圖片的使用則更加靈活，我們可以通過CSS來實現在網頁上顯示不同形狀、大小、樣式的圖片。

.shape {
width: 200px;
height: 200px;
border-radius: 50%;
background: url("圖片路徑");
}

例如，通過border-radius屬性，我們可以實現圓形圖片的展示；通過background屬性中的url，我們可以指定背景圖片的路徑。

.icon {
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
background-image: url("圖片路徑");
}

而對于小圖標的展示，則可以通過background-repeat屬性實現不重復平鋪，通過background-position屬性實現圖標居中顯示。

總之，img標簽和CSS圖片都是在網頁上展示圖片的重要手段。在實際開發中，應根據具體需求選擇不同的圖片展示方式，盡可能提高網頁的用戶體驗。