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

一般的头像都是圆形居多，下面我们就以圆形头像的例子来做代码申明。

工具/原料

• html

方式/步骤

1. 1

   先成立布局，在div中有图片和文字

   
2. 2

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

   
3. 3

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

   
4. 4

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

   
5. 5

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

   
6. 6

   将文字调整到图片的中心位置，再将字体调年夜点就可以了，如图所示。

   

注重事项

• 若是此经验对您有帮忙，请左侧投票/存眷，感谢大师的撑持^_^