在CSS中，我們可以使用border-radius屬性來(lái)將圖片變?yōu)閳A角，這個(gè)屬性可以指定一個(gè)數(shù)值，這個(gè)數(shù)值就是圓角的半徑，單位是像素，下面是一個(gè)簡(jiǎn)單的例子：

img {
    border-radius: 10px;
}

這個(gè)CSS規(guī)則會(huì)將所有<img>元素的四個(gè)角都變?yōu)榘霃綖?0像素的圓角，如果你想要將圖片的某個(gè)角變?yōu)閳A角，可以使用border-radius的四個(gè)值分別指定四個(gè)角的半徑。

img {
    border-radius: 10px 20px 30px 40px;
}

這個(gè)規(guī)則會(huì)將圖片的左上角變?yōu)榘霃綖?0像素的圓角，右上角變?yōu)榘霃綖?0像素的圓角，左下角變?yōu)榘霃綖?0像素的圓角，右下角變?yōu)榘霃綖?0像素的圓角。

如果你想要將圖片變?yōu)橐粋€(gè)完整的圓形，可以將border-radius的值設(shè)置為一個(gè)無(wú)限大的數(shù)值：

img {
    border-radius: 50%;
}

這個(gè)規(guī)則會(huì)將圖片變?yōu)橐粋€(gè)圓形，因?yàn)?0%表示的是圖片的一半，所以四個(gè)角都會(huì)被切掉，只剩下中間的部分。

在使用border-radius屬性時(shí)，圖片的邊緣可能會(huì)出現(xiàn)一些不自然的效果，特別是在圖片尺寸較大或者圓角半徑較小的情況下，為了解決這個(gè)問(wèn)題，可以使用box-shadow屬性來(lái)添加一些陰影效果，使圖片的邊緣更加自然：

img {
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

這個(gè)規(guī)則會(huì)在圖片的邊緣添加一些陰影效果，使圖片的邊緣更加自然。