在头像上添加文字的代码怎么写

1、先建立结构，在div中有图片和文字

2、添加图片链接以及文字信息，如图；然后在样式中添加修饰，设置div的尺寸，然后将图片的大小与父级div一样100%

3、内容区p和图片是同级，所以想要将p放到图片的上方，需要定位过去，将父级div作为相对定位，子集p作为绝对定位

4、暂时定位后，文字就显示在图片的上方位置了，如图所示

5、然后需要调整文字的位置和大小颜色设置，调整位置时调整下top值和left值

6、将文字调整到图片的中间位置，再将字体调大点就可以了，如图所示。