borderradius实现圆形头像的技巧

borderradius

599

2024/6/12 2:09:38

栏目: 编程语言

要实现圆形头像，可以使用CSS属性border-radius，并将值设为50%。这样就会将元素的边框半径设置为元素宽度和高度的50%，从而使元素呈现为一个圆形。

举个例子，如果要将一个图片元素设为圆形头像，可以添加如下CSS样式：

.avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

这样就会将该图片元素呈现为一个圆形头像。可以根据需要调整width和height属性的值来控制头像的大小，但是要确保宽度和高度相等，以确保头像呈现为圆形。

最新知识库