以html為例，步驟一在body中建立文字信息以及圖片內(nèi)容，也就是在header中包含兩個同級，圖片和文字二在CSS中對文字圖片進(jìn)行簡單樣式添加，效果如圖所示大盒子使用描邊顯示，里面包含了圖片和下面的文字三想要將；在HTML中，怎么在圖片上添加文字提問首先我們要設(shè)計一個 div，將圖片的和文字放置在 div 里面，設(shè)置文字的樣式隨后需要用到“定位”，將 div 設(shè)置為父級，為相對定位，#8203positionrelative#8203將h1。

不用CSS，直接用align=quotabsmiddlequot就可以了HTMLltdiv ltimg src=quot；ltstyleltheadltbodyltimg src=quotpicjpgquotltspan我是文字ltspanltbodylthtml 二在開發(fā)工具里面的截圖三瀏覽器里面的效果截圖四總結(jié)一下這個是在body里面添加一下背景圖片，然后再建div就可以。

使用代碼的方法，在圖片上加字怎么做到呢 在html文件中，先建立一個div，然后在里面設(shè)置一個圖片和文字h1，如圖所示 現(xiàn)在打開后的樣式是這樣的，如圖，圖片在上，文字在下 然后對h1進(jìn)行簡單修飾，對文字大小fontsize和文字。

html圖片右邊文字上移

你說的添加文字是鼠標(biāo)懸停在圖片上顯示的文字嗎如果是的話添加 title 屬性 ltimg src=quot圖片地址quot width=quot170quot height=quot89quot alt=quotquot title=“這里寫上要顯示的字” 圖片添加連接我的方法是在ltimg標(biāo)簽兩邊添加lta。

1創(chuàng)建一個新的html文件 2在body標(biāo)簽里創(chuàng)建一個div，在div的p標(biāo)記里面寫入文字 3在head標(biāo)簽里編寫css樣式，讓圖片作為文字的背景，并且設(shè)置圖片不重復(fù)4這樣編輯html時，在圖片上添加文字的問題就解決了。

3然后需要在html中添加環(huán)繞代碼ltstyle p border1px solid red img floatleft margin0 5px 5px 0 ltstyle 4代碼添加完畢后，保存html文件，重新打開預(yù)覽就可以看到文字環(huán)繞圖片的格式了。

圖像文字對齊 ltimg align=# #=top， middle， bottom 例子ltimg src=URL align=top 百度 顯示為圖片 百度。

html在圖片右上角添加圖標(biāo)

1在HTML中，使用position屬性給包含圖片和文字的容器元素div添加相對定位樣式2使用position屬性給文字元素添加絕對定位樣式3使用left和top屬性設(shè)置文字元素在圖片上的位置，將打招呼的文字定位在圖片旁邊即可。

設(shè)置文字和圖片的float 浮動屬性，就能實現(xiàn)這個效果文字浮動的右邊f(xié)loatright圖片浮動到左邊f(xié)loatleft控制好左右兩邊的寬度設(shè)置空間。

html中一個圖片標(biāo)簽，ltimg src=quot1jpgquot alt=quotquot title=quotquot 這樣寫的，然后alt后面可以寫文字，這個文字是當(dāng)圖片沒有加載成功的時候顯示的文字，然后title后面的文字，是當(dāng)鼠標(biāo)移到圖片上去的時候，會在圖片上顯示出。

1首先先準(zhǔn)備圖片素材和文字語言2添加CSS樣式修飾，最外面的大框添加寬度居中3現(xiàn)在的圖文是這樣排版4想要將圖文左右排版，無非是定位或者浮動，對圖片塊和文字塊都添加了浮動效果后5如圖添加浮動后，文字部。

把圖片設(shè)置為背景圖片，然后加上文字就可以了 ltstyle img1 width200pxheight200pxbackgroundimageurlquotimg1jpgquot ltstyle ltdiv class=quotimg1quot圖片加文字ltdiv。

將這張圖片設(shè)置為背景，然后在里面加文字，加入的圖片代碼是ltimg src=quotimggifquot width=#39100pxquotheight=quot50pxquot，改成ltdiv style=quotbackgroundurl#39imggif#39norepeatwidth100pxheight50pxquot這樣就可以圖片上。