CSS控制圖片圓弧是WEB開發中一個常見的技術。通過CSS的border-radius屬性，可以實現圖片的圓形、橢圓形、甚至任意形狀的圓弧效果。

/* 圓形圖片 */
img {
border-radius: 50%;
}
/* 菱形圖片 */
img {
border-radius: 50% / 70% 30% 70% 30%;
}
/* 橢圓形圖片 */
img {
border-radius: 50% / 70% 30%;
}
/* 任意形狀的圓弧 */
img {
border-radius: 10px 50px 30px 60px / 40px 20px 60px 30px;
}

其中，border-radius屬性的第一個值表示左上角的圓弧半徑，以順時針方向依次對應四個角的半徑。如果只寫一個值，則所有角的半徑都相同。第二個值可以省略，省略后四個角的半徑與第一個值相同。

同時，border-radius屬性也可以設置其他形狀的圓弧效果，如菱形和橢圓形。只需要在第一個值后加上“/”分隔符再加上第二個值即可。

通過CSS控制圖片圓弧，可以使頁面更加美觀、簡潔、有序。