在網(wǎng)頁設(shè)計(jì)中，<img>標(biāo)簽被用于在頁面上展示圖片。通過改變<img>標(biāo)簽的CSS樣式，可以使圖片以不同的方式呈現(xiàn)。以下是一些關(guān)于更改<img>CSS樣式的示例：

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

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

img{
border-radius: 50%;
}

這個(gè)代碼片段將圖片的邊框半徑設(shè)置為50%，這將產(chǎn)生一個(gè)圓形圖片的效果。

img{
filter: grayscale(100%);
}

這個(gè)代碼片段將圖片轉(zhuǎn)換成黑白圖像。這是通過使用CSS濾鏡來實(shí)現(xiàn)的。

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