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

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

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

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

2、在CSS中對(duì)文字圖片進(jìn)行簡(jiǎn)單樣式添加。

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

4、想要將文字弄到畫(huà)面上去，這時(shí)候需要對(duì)header添加相對(duì)定位，對(duì)文字標(biāo)簽p添加絕對(duì)定位。

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

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

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