一般的頭像都是圓形居多,下面我們就以圓形頭像的例子來做代碼申明。
先成立布局,在div中有圖片和文字
添加圖片鏈接以及文字信息,如圖;然后在樣式中添加潤色,設置div的尺寸,然后將圖片的巨細與父級div一樣100%
內容區p和圖片是同級,所以想要將p放到圖片的上方,需要定位曩昔,將父級div作為相對定位,子集p作為絕對定位
臨時定位后,文字就顯示在圖片的上方位置了,如圖所示
然后需要調整文字的位置和巨細顏色設置,調整位置時調整下top值和left值
將文字調整到圖片的中心位置,再將字體調年夜點就可以了,如圖所示。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!