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

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

以上代碼的含義是：

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

2. width 和 height 是指定畫布的寬度和高度，此例子中我們?cè)O(shè)定了 100 像素。

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

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