在移動設備上，網頁圖片的顯示效果至關重要。為此，我們可以使用CSS來定義圖片的樣式，讓它們在手機端上表現得更美觀、優雅。 首先，我們需要為這些圖片設定一個寬度。這樣可以確保它們在不同尺寸的瀏覽器上都能正常顯示。比如，我們可以使用下面這段CSS代碼為圖片設置一個寬度：

img {
width: 100%;
}

此外，為了保證網頁中的所有圖片都呈現出同樣的風格，我們需要統一定義每張圖片的圓角和邊框。下面這段CSS代碼可以讓你輕松實現這個目標：

img {
border: 1px solid #ccc;
border-radius: 5px;
}

最后，如果你希望圖片在用戶點擊或觸摸時能夠顯示出更佳的效果，那么可以嘗試使用:hover偽類。此時，圖片變成了一個可以交互的元素，用戶點擊或觸摸時，可以有更明顯的響應。以下是相關的代碼：

img:hover {
opacity: 0.8;
transition: opacity 0.3s;
}

綜上所述，通過使用CSS來定義圖片的樣式，我們可以在手機端上呈現出更美觀、優雅的網頁效果。希望這些CSS技巧能對你有所幫助。