HTML中給圖片上增加文字的代碼怎么寫？用代碼的方式，給圖片上標上文字，小編這里使用定位的方法，將文字定位到想要的任意位置。1、在body中建立文字信息以及圖片內(nèi)容，也就是在header中包含兩個同級

HTML中給圖片上增加文字的代碼怎么寫？

用代碼的方式，給圖片上標上文字，小編這里使用定位的方法，將文字定位到想要的任意位置。

1、在body中建立文字信息以及圖片內(nèi)容，也就是在header中包含兩個同級，圖片和文字。

2、在CSS中對文字圖片進行簡單樣式添加。

3、效果如圖所示；大盒子使用描邊顯示，里面包含了圖片和下面的文字。

4、想要將文字弄到畫面上去，這時候需要對header添加相對定位，對文字標簽p添加絕對定位。

5、對文字添加了絕對定位后，如圖效果，然后就需要對其設(shè)置下位置關(guān)系了。

6、位置關(guān)系通常就是top bottom left right 上下左右四個方向了。

7、定位到右上方位置，最后效果就是這樣了。