圓頭像是現代網站和應用程序設計中常見的一個元素。在CSS中，通過一些簡單的代碼可以輕松地創建圓形的頭像。下面介紹一下如何使用CSS來制作一個圓頭像。

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

上面的代碼是一個簡單的CSS類，其中的“border-radius: 50%”是最關鍵的一行，它使元素的邊緣變為圓形。由于我們在圓形需要指定一個寬度和高度，所以我們在下面的代碼中添加了“width: 100px”和“height: 100px”。

除此之外，你也可以通過給圖片元素添加上述CSS屬性，使其變為圓形。以下是給圖片添加圓形邊框的示例代碼：

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

需要注意的是，如果你想要圓形頭像上的圖片保持原始的長寬比例，可以考慮給元素加上“object-fit: cover;”屬性。

.avatar img {
border-radius: 50%;
width: 100px;
height: 100px;
object-fit: cover;
}

在制作圓頭像時，還需要考慮到一些其他因素，比如邊框、陰影以及動畫效果等。可以通過CSS來進一步完善你的圓頭像。上述的代碼只是一個入門級別的例子，你可以根據自己的需要進行更多的定制。