一般的头像都是圆形居多,下面我们就以圆形头像的例子来做代码申明。
先成立布局,在div中有图片和文字
添加图片链接以及文字信息,如图;然后在样式中添加润色,设置div的尺寸,然后将图片的巨细与父级div一样100%
内容区p和图片是同级,所以想要将p放到图片的上方,需要定位曩昔,将父级div作为相对定位,子集p作为绝对定位
临时定位后,文字就显示在图片的上方位置了,如图所示
然后需要调整文字的位置和巨细颜色设置,调整位置时调整下top值和left值
将文字调整到图片的中心位置,再将字体调年夜点就可以了,如图所示。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!