CSS是網頁設計中必不可少的一項技能，讓網頁變得美觀和有吸引力。在設計網頁的時候，經常需要將圖片處理成圓角，以增加美觀性。CSS提供了簡單的解決方案，可以很容易地給圖片添加圓角。

img {
border-radius: 50%;
}

上面的代碼就將圖片的邊框半徑設置為50%，從而給圖片添加了圓角。如果想要給圖片設置不同的圓角半徑，可以使用border-radius屬性的四個值，分別表示左上角、右上角、右下角和左下角的圓角半徑。例如：

img {
border-radius: 10px 5px 15px 20px;
}

上面的代碼將圖片的左上角設置為10像素半徑，右上角設置為5像素半徑，右下角設置為15像素半徑，左下角設置為20像素半徑。

在使用border-radius屬性的時候，也可以設置具體的像素值或百分比值。如果使用百分比，可以注意以下幾點：

• 如果設置為50%，則圖片將變成圓形；
• 如果設置小于50%，則圖片的圓角會更小，接近矩形；
• 如果設置大于50%，則圖片的圓角會更大，可能會覆蓋圖片。

總的來說，使用CSS給圖片添加圓角是一個很簡單和方便的過程。只要掌握了border-radius屬性的使用，就可以在網頁設計中輕松地添加圓角效果，增加頁面的美觀程度。