HTML圖片和文字是并列顯示的如下1 將文字浮在圖片上我們加個div把圖片和文字包在一起，并且加上imggroup和imgtip這兩個class，便于后面的處理我們要讓文字浮在圖片上面，需要加上定位看文字浮在了圖片的底部。

一image 作為背景圖片，即backgroundurlquotquot例如如下代碼塊ltdiv style=quotbackgroundurl#39loadinggif#39 norepeatwidth100pxheight50pxquot添加文字添加文字添加文字ltdiv 二將img塊。

在html中字浮于圖上的話1通過使用一個div或者是p然后寫上你所需要的字，然后在將那個圖片設(shè)置成背景就行了ltdiv style=#39backgroundurl#39圖片地址#39#39 ltp我是測試文字ltp ltdiv 2你可以使用一個zind。

*圖片部分的設(shè)置* #img1 *position static默認(rèn)定位，可以省略* width 100% height 100% *文字的設(shè)置* #span1 position absolute*絕對定位* width 100% bottom 0px*離底下0像素* left 0。

可以以html為例，步驟一在body中建立文字信息以及圖片內(nèi)容，也就是在header中包含兩個同級，圖片和文字二在CSS中對文字圖片進(jìn)行簡單樣式添加，效果如圖所示大盒子使用描邊顯示，里面包含了圖片和下面的文字三。

1首先在Word中打開需要處理的文檔，在上方工具欄中選擇插入圖片來自文件2其次在對話框中選擇自己需要插入的圖片，點擊“打開”即可3最后用鼠標(biāo)左鍵點擊圖片，選擇圖片右邊的文字選項，選擇“浮與文字上方”即可。

具體步驟如下1在同一個div里，先書寫一段代碼，如下圖所示，在這個代碼中給dive設(shè)置寬度和高度，這時為了讓文字有一個具體的范圍2找到background，如下圖示，在background的后面添加上圖片作為這個的背景圖案3。

1在div里面書寫了一些文字，然后想要在放入一張圖片2首先，我們應(yīng)該先給div設(shè)置寬度和高度，保證文字有一個范圍3然后通過background給div添加一張圖片作為它的背景4通過url來連接圖片，url里面放置的就是。

在HTML中，怎么在圖片上添加文字提問首先我們要設(shè)計一個 div，將圖片的和文字放置在 div 里面，設(shè)置文字的樣式隨后需要用到“定位”，將 div 設(shè)置為父級，為相對定位，#8203positionrelative#8203將h1。

創(chuàng)建段落兩個段落，段落上面設(shè)置2張圖片的float屬性，分別讓它們左右浮動，值為left和right，最后打開瀏覽器3打開瀏覽器后即可看到效果，兩張圖片分別浮動在文本的左右兩邊，文字則是圍繞在圖片周圍。

你用列表做的話，就這樣寫li background#0CC color#FFF lihover background#9F0 color#FFF fontweightboldhover是偽類，鼠標(biāo)滑過的效果。

將DIV的position設(shè)置為relative，利用絕對定位實現(xiàn)同級元素疊加，也可以用Float浮動讓文字疊加在圖像上方 1 2 3 4 ltdiv style=quotpositionrelativequot ltimg src=quotquot ltspan style=quotpositionabsolute left0 top50%quot這里顯示。

用CSS樣式控制文字浮于圖片上方，這個我們首先要明確的知道一個層的概念，這里就是將圖片為一個層，然后文字又是一個層，然后我們使用一個position定位，將文字定于圖片的位置，然后使用zindex這個層屬性，來做，zindex的。

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

的盒子根據(jù)裝著圖片的盒子進(jìn)行定位就可以了，像這樣的其實很簡單的，要多思考和分析 代碼，要注意圖片你要自己放圖片，和修改圖片路徑 lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle圖片上放文字lt。

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

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

編寫html代碼時，在圖片上加文字實質(zhì)就是通過css樣式設(shè)置文字的背景是圖片1創(chuàng)建一個新的html文件 2在body標(biāo)簽里創(chuàng)建一個div，在div的p標(biāo)記里面寫入文字 3在head標(biāo)簽里編寫css樣式，讓圖片作為文字的背景，并且設(shè)置。