一般的头像都是圆形居多，下面我们就以圆形头像的例子来做代码说明。
工具/原料
html
方法/步骤
1
先建立结构，在div中有图片和文字
2
添加图片链接以及文字信息，如图；然后在样式中添加修饰，设置div的尺寸，然后将图片的大小与父级div一样100%
3
内容区p和图片是同级，所以想要将p放到图片的上方，需要定位过去，将父级div作为近净相对定位，子集p作为绝对定位
4
暂时定位后，文字就显示在图片的上方位置舍囊况了，如图所示
5
然后需要调整文字的位置和大小颜色设置，调整位置时调整下top值和left值
注意事项
如果此经验对您有帮助，请左侧投票/关注，谢谢大家的支持^_^
下一篇：如何保养好手表