目录

如何 - 圆形图片

❮ 上一节下一节 ❯

了解如何使用 CSS 创建圆形图片。

如何创建圆形图片

步骤1）添加HTML：

示例

<img src="img_avatar.png" alt="Avatar">

步骤2）添加CSS：

使用border-radius属性为图片添加圆角。 50% 将使图片变成圆形：

示例

img {
border-radius: 50%;
}

亲自试一试 »

去我们的CSS 图片教程了解有关如何设置图片样式的更多信息。

❮ 上一节下一节 ❯