• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    在頭像上添加文字的代碼怎么寫

    一般的頭像都是圓形居多,下面我們就以圓形頭像的例子來做代碼申明。

    東西/原料

    • 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
    • 閱讀 ( 759 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    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 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆