在网页布局中，图片是经常用到的元素之一。而有时候，我们希望图片能够呈现出圆形的形状，以增加网站的美感以及视觉效果。那么，如何使用HTML代码制作圆形图片呢？
首先，我们需要使用CSS样式设置图片的圆角。代码如下：
img { border-radius: 50%; }其中，border-radius属性用来设置图片边角的弧度，50%代表图片呈圆形。如果你想要设置其他的形状，可以调整其数字大小。
其次，我们需要调整图片的尺寸。因为图片本身是矩形，将其设置为圆形后，就会导致图片变形。代码如下：
img { width: 200px; height: 200px; }其中，width和height属性用来设置图片的宽度和高度。需要注意的是，其数字大小应该保持相等。
最后，我们将以上两段代码整合起来：
img { border-radius: 50%; width: 200px; height: 200px; }这样，我们就成功地使用HTML代码制作了一张圆形图片。
