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

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

东西/原料

  • html

方式/步调

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

    然后需要调整文字的位置和巨细颜色设置,调整位置时调整下top值和left值

  6. 6

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

注重事项

  • 若是此经验对您有帮忙,请左侧投票/存眷,感谢大师的撑持^_^
  • 发表于 2019-01-04 00:00
  • 阅读 ( 859 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具