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

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

需要这些哦
html
方式/
1先成立布局，在div中有图片和文字

文章插图

2【在头像上添加文字的代码怎么写】添加图片链接以及文字信息，如图；然后在样式中添加润色，设置div的尺寸，然后将图片的大小与父级div一样100%

文章插图

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

文章插图

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

文章插图

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

文章插图

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

文章插图

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

以上内容就是在头像上添加文字的代码怎么写的内容啦，希望对你有所帮助哦！

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