本文详细介绍了如何使用CSS创建一个具有阴影效果的圆形头像框，并将图片居中显示。通过设置宽度、高度、背景颜色、内边距、盒阴影、外边距、盒模型、边框半径等属性，实现了一个美观且响应式的头像样式。
css
<style>
.head-img {width: 66px;height: 66px;background-color: #fff;padding: 3px;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);margin: 0 auto 10px;box-sizing: border-box;border-radius: 50%;}
.head-img img {display: block;width: 60px;height: 60px;border-radius: 50%;}
</style>
<div class="head-img">
<img src="/photo.jpg">
</div>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
