學習CSS代碼讓我們能夠更好地設(shè)計網(wǎng)頁，豐富頁面的樣式和功能。而其中一個很有趣的方面，就是可以通過CSS代碼制作出可愛的頭像哦！下面就讓我們來看一下如何制作一個可愛的頭像吧！

.avatar {
width: 200px;
height: 200px; 
border-radius: 50%; 
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #e9ecef;
display: flex;
justify-content: center;
align-items: center; 
}
.avatar img {
width: 150px;
height: 150px; 
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

以上是我們可以使用的CSS代碼，其中的`.avatar`是一個用于包裹頭像的容器，我們可以通過設(shè)置它的`width`和`height`使它成為一個圓形。使用`border-radius`屬性可以讓邊框變?yōu)閳A形，同時使用`box-shadow`可以讓它變得更立體。而`background-color`屬性則是用于設(shè)置背景色的。

接下來，我們需要在`.avatar`內(nèi)部放置一張圖片。我們可以通過添加一個``標簽來實現(xiàn)，然后設(shè)置它的`width`、`height`、`border-radius`和`box-shadow`屬性，讓它成為一個圓形的頭像即可。

當然，我們還可以通過在`.avatar`中添加文字或其他內(nèi)容，來讓頭像更為豐富多彩哦！大家可以按照自己的創(chuàng)意去實現(xiàn)。通過學習這個例子，相信大家已經(jīng)了解了如何使用CSS代碼來制作一個可愛的頭像了吧！