CSS是前端開發里非常重要的一部分，可以幫助我們實現很多效果。其中一個重要的功能就是將圖片變成圓形。下面讓我們來學習如何實現該功能。

.img-circle{
/* 將圖片變成圓形 */
border-radius: 50%;
}

如上述代碼所示，我們通過border-radius這個屬性來實現將圖片變成圓形的功能。其中，50%表示圓形的半徑大小，理解起來也很簡單。

如果我們想要把圖片加邊框圓形，我們也可以通過設置border屬性來實現，代碼如下：

.img-circle{
/* 將圖片變成圓形 */
border-radius: 50%;
/* 添加1像素的邊框 */
border: 1px solid #000;
}

這樣，我們既可以將圖片變成圓形，又能夠為其加上邊框，讓圖片更加美觀。

總之，CSS提供了很多方便的功能，能夠幫助我們實現各種各樣的效果。學好CSS，我們的前端開發就能更加得心應手。