在網頁設計中，<img>標簽被用于在頁面上展示圖片。通過改變<img>標簽的CSS樣式，可以使圖片以不同的方式呈現。以下是一些關于更改<img>CSS樣式的示例：

img{
width: 50%;
height: auto;
}

這個代碼片段將圖片的寬度設置為其父元素的50%并且自適應高度。這將使圖片不會超過其父元素的邊界。

img{
border-radius: 50%;
}

這個代碼片段將圖片的邊框半徑設置為50%，這將產生一個圓形圖片的效果。

img{
filter: grayscale(100%);
}

這個代碼片段將圖片轉換成黑白圖像。這是通過使用CSS濾鏡來實現的。

通過更改<img>CSS樣式，可以使網頁上的圖片更具吸引力，更適應網站的整體設計。在制作網站時，了解如何使用CSS來更改<img>元素的樣式，將會使它更加美觀和具有吸引力。