CSS怎么把圖片變圓？
在設計網頁的時候，我們往往需要對圖片進行處理，在實現一些特效的時候，有時候需要將圖片變成圓形。今天，小編就來跟大家分享一下，怎樣使用CSS來把圖片變成圓形。
首先，在HTML中引入一張圖片:
然后，在CSS中，給這張圖片設置圓角的樣式：

img {
border-radius: 50%;
}

這里，我們使用了border-radius屬性，該屬性可以指定一個元素的邊角，實現的效果為將矩形的角處理成弧形。
其中，50%的意思就是讓所有的邊角都變成圓形，這里使用的是50%是因為圖片的高和寬可能不相等，如果我們把像素值寫死的話，就無法保證圖片的圓形。
為了更加清楚的說明效果，我們可以附上一張超級萌的狗狗圖片：
然后在CSS中添加上述代碼，就可以得到如下的效果：
好啦，現在你已經學會了使用CSS來把圖片變成圓形啦，趕快試試吧！