头像图片

---

了解如何使用 CSS 创建头像图像。

---

---

如何创建头像图片

步骤 1) 添加 HTML:

实例

<img src="avatar.png" alt="Avatar" class="avatar">

---

步骤 2) 添加 CSS:

设置一个匹配的 height 和 width 看起来不错，并使用 border-radius 属性为图像添加圆角。 50% 会使图像变成圆形:

实例

.avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
} 亲自试一试 »

转到我们的 CSS 图像教程，了解有关如何设置图像样式的更多信息。