在 Web 開發中，設置圓形頭像是十分常見的操作之一。本文將介紹如何使用 HTML 實現設置圓形頭像的效果。

首先，在 HTML 的

標簽中添加以下樣式：

以上樣式中，

border-radius

屬性用于設置邊框的圓角度數，50% 的確使邊框呈現圓形。同時，

width

和

height

屬性用于設置頭像的大小，也可根據實際情況進行調整。

接下來，在 HTML 的

標簽中添加以下代碼：

以上代碼中，

img

標簽用于插入頭像圖片，

src

屬性指定頭像圖片的路徑，

alt

屬性用于指定當圖片無法顯示時的替代文本，

class

屬性用于指定該圖片的樣式類，即之前在樣式中定義的

avatar

。

此時，圓形頭像的效果已經實現。如果需要添加其他樣式，可在

.avatar

樣式中進行修改或添加。