.avatar{ overflow: hidden; border-radius: 50%; width: 16%; }
时间: 2024-03-17 20:40:14 浏览: 55
avatarInitial.js:头像初始-生成类似gmail的头像
这是一个CSS样式,用于设置一个圆形的头像图片,包括以下属性:
1. `overflow: hidden`:超出部分隐藏,因为后面要设置圆角,这样可以隐藏掉多余的部分。
2. `border-radius: 50%`:将图片的边角设置为50%,使其呈现圆形。
3. `width: 16%`:设置图片的宽度为父元素宽度的16%,具体大小取决于父元素的大小。
这个样式可以应用于HTML标签中的class属性,例如:
```
<img src="avatar.jpg" class="avatar">
```
这样就可以显示一个圆形头像图片了。
阅读全文