隨著社交媒體的普及，頭像已經成為人們展示自己的重要方式。而在設計中，圓形頭像更能凸顯出溫暖、親密的感覺。那么，如何使用CSS設置圓形頭像呢？

.avatar {
width: 100px;
height: 100px;
border-radius: 50%;
}

以上代碼的含義是：

1. .avatar 是指定類名，你需要在 HTML 中找到這個類名的元素。

2. width 和 height 是指定畫布的寬度和高度，此例子中我們設定了 100 像素。

3. border-radius 設置了邊框的半徑，也就是把一個正方形的角變成圓形，50% 表示半徑等于寬度和高度的一半。

使用 border-radius 即可方便快速地讓頭像變成圓形了。當然，如果你希望頭像成為其他特殊形狀，如橢圓形等，也可以通過設置 border-radius 的不同數值來實現。