html - 如何制作圆形图像

Question

我想制作类似 this 的圆形图像我进行了搜索和谷歌搜索，但没有找到任何使图像变圆的解决方案。我可以做图像 rounded border像这样，但我不知道如何使图像本身变圆。请帮忙

Answer 1

试试这个，通过调整 height 和 width 来改变半径。 height 和 width 应该相等并且是您需要的半径的两倍

HTML :

<div id="round">
</div>

CSS:

#round{
    height:100px;
    width:100px;
    border-radius:50%;
    background:green;
    overflow:hidden;
}

Fiddle Demo/更新

检查此响应圈 DEMO