CSS是一種樣式表語言，它被用于網頁的樣式布局。在CSS中，我們可以使用一些代碼來幫助我們改變網頁元素的外觀，比如通過以下代碼來實現更換頭像的效果。

.avatar {
width: 100px;
height: 100px;
border-radius: 50%;
background-image: url('avatar.jpg');
background-size: cover;
cursor: pointer;
}
.avatar:hover {
background-image: url('new_avatar.jpg');
}

在上述代碼中，我們首先創建了一個類名為.avatar的樣式，用于指定頭像元素的樣式。通過設置元素的寬度、高度、圓角以及背景圖片等屬性，我們可以讓頭像元素實現具有圓形邊框的效果，并顯示出默認的頭像圖片。

為了實現更換頭像的效果，我們還需要添加一個:hover偽類，該偽類可以在鼠標懸停在頭像元素上時觸發。在:hover偽類中，我們重新設置頭像元素的背景圖片為新的頭像圖片，這樣就完成了頭像更換的效果。

總的來說，使用CSS來實現頭像更換的效果是非常簡單的，只需要通過設置元素的樣式屬性并添加一個:hover偽類即可。敬請嘗試吧！