CSS變成圓形圖片是通過給圖片添加border-radius屬性來實現，這里介紹幾種實現方式：

/* 第一種方式：將border-radius屬性設置為50% */
img {
border-radius: 50%;
}
/* 第二種方式：將border-radius屬性設置為大于圖片尺寸的值 */
img {
border-radius: 50px;
}
/* 第三種方式：使用偽元素生成圓形 */
img {
position: relative;
overflow: hidden;
}
img::before {
display: block;
content: '';
padding-top: 100%; /* 設置寬高比為1:1 */
}
/* 使用第三種方式時需要將img標簽的src屬性放到CSS的content屬性中 */
img::after {
display: block;
content: url('路徑');
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
}

以上三種方法都可以實現將圖片變成圓形，具體選擇哪一種方法，可以根據實際情況選擇。