CSS是網頁開發中常用的樣式語言，它可以控制網頁中的元素呈現樣式和布局。其中，通過CSS可以實現將圖片變成圓形的效果。這是因為在CSS3中新增了border-radius屬性，可以設置元素的邊框半徑，進而實現圓角、橢圓角等效果。

在上述代碼中，我們首先給img元素設置了寬度和高度為200px，然后通過border-radius屬性設置了50%的圓角半徑。這就實現了將圖片變為圓形的效果。如果要將圖片變成橢圓形，只需指定不同的水平和垂直半徑即可。

總的來說，通過CSS的border-radius屬性，我們可以實現簡單的圖片變圓形和橢圓形的效果，使網頁看起來更加美觀和舒適。