在網(wǎng)站設(shè)計(jì)中，頭像是一個(gè)重要的元素。而如何讓頭像變成圓形呢？下面我就來(lái)介紹一種簡(jiǎn)單的CSS方法，在HTML代碼中使用CSS的border-radius屬性，即可輕松實(shí)現(xiàn)頭像變圓。

img {
border-radius: 50%;
}

    以上代碼在img標(biāo)簽中添加了一個(gè)border-radius屬性，其值為50%。這意味著，頭像將被剪裁成一個(gè)圓形，圓心位置位于頭像的中間位置。

    如果要調(diào)整頭像大小，只需在CSS中設(shè)置img元素的寬高即可。以下是示例代碼：

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

    以上代碼將頭像的寬高設(shè)置為100像素，并將頭像的形狀變成圓形。當(dāng)然，您可以根據(jù)需要修改寬高和border-radius屬性的值。

    總之，使用CSS的border-radius屬性可以非常方便地將頭像剪裁成圓形。這種方法應(yīng)用簡(jiǎn)單，代碼量少，是網(wǎng)站設(shè)計(jì)中非常實(shí)用的技巧。