CSS作為前端開發中的必修技能，其中畫圓形頭像是一個常見的需求。本文將會介紹使用CSS實現畫圓形頭像的方法。

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

以上就是實現畫圓形頭像所需要的CSS代碼。首先，我們定義了一個類名為avatar，這個類名代表頭像的位置和大小。通過設置寬高為100px，并添加圓角邊框，我們就可以創建一個圓形的頭像框。

接下來，我們要將用戶上傳的頭像圖片放入我們定義好的頭像框中。我們設置頭像圖片的寬度為100%，這樣頭像就可以填滿整個框框。同時，我們不確定用戶上傳的圖片的大小是多少，因此我們將高度設為auto，讓圖片的高度自適應頭像框的大小，保證圖片的不會被拉伸變形。

通過以上的CSS代碼，我們成功地實現了圓形頭像的需求。當然，如果你希望自定義外觀和動畫等更多的效果，CSS還提供了更多的屬性和方法。