當你在設計網頁時，你可能會遇到需要使用圓形圖片的情況。那么，在使用 CSS 來完成這個任務前，先來學習一下如何設置一個簡單的圓形圖片。

img {
border-radius: 50%;
}

上述代碼中，border-radius 屬性設置了圖片的邊緣為一個圓形。這個值必須為 50%，因為這是唯一一種將矩形變成圓形的值。如果你不設置這個值為 50%，你就得到了一個橢圓形而非圓形。

現在，我們來看一下如何使用 CSS 來完成一個圓形圖片的任務。下面是一些針對實現圓形圖片的建議，以幫助你更好地理解這個過程：

• 在 CSS 中使用border-radius屬性，將圖片的邊緣設置為 50%。
• 如果圖片的寬度與高度不同，那么你可以通過設置一個像素值，來確保兩者相等。
• 使用display: block;屬性，讓圖片可以居中。

現在你可以使用上面提供的建議，以及上述代碼中的屬性和值來設置圓形圖片了。