1、以html為例，步驟一在body中建立文字信息以及圖片內(nèi)容，也就是在header中包含兩個同級，圖片和文字二在CSS中對文字圖片進(jìn)行簡單樣式添加，效果如圖所示大盒子使用描邊顯示，里面包含了圖片和下面的文字三想要將；一首先HTML和CSS布局lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitle圖片上寫字lttitleltstyle type=quottextcssquotspan position absoluteleft 200pxcolor #ffffont 50px350px；如果你要在圖片上面加文字的話，你可以把圖片設(shè)置為背景，然后就可以在圖片上面寫文字；編寫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è)置；然后在里面加文字，加入的圖片代碼是ltimg src=quotimggifquot width=#39100pxquotheight=quot50pxquot，改成ltdiv style=quotbackgroundurl#39imggif#39norepeatwidth100pxheight50pxquot這樣就可以圖片上加文字了ltdiv；新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltimg src=quotsmall3pngquot ltspanhello imageltspan3瀏覽器運行indexhtml頁面，此時成功在圖片右邊寫了文字“hello image”；repeatx 在x軸上平鋪，左右repeaty 在y軸上平鋪，上下norepeat 圖片不重復(fù)ltdiv class=quotclassquot ltp你的文字內(nèi)容ltpltdiv那么在這個div的背景圖片就有了，你在里面寫文字就可以了，如果你想給文字放到特定位置的話就；1在div里面書寫了一些文字，然后想要在放入一張圖片2首先，我們應(yīng)該先給div設(shè)置寬度和高度，保證文字有一個范圍3然后通過background給div添加一張圖片作為它的背景4通過url來連接圖片，url里面放置的就是。

2、思路兩種方法1把圖片設(shè)置成背景，然后直接寫文字即可2第二，寫兩個div，然后在CSS樣式中寫入positionrelative需要用top，right和bottom，left來定位隨父級定位第二種代碼ltdiv class=quotpicturequot ltdiv clas；把圖片設(shè)置為背景圖片，然后加上文字就可以了 ltstyle img1 width200pxheight200pxbackgroundimageurlquotimg1jpgquot ltstyle ltdiv class=quotimg1quot圖片加文字ltdiv。

3、在HTML中，怎么在圖片上添加文字提問首先我們要設(shè)計一個 div，將圖片的和文字放置在 div 里面，設(shè)置文字的樣式隨后需要用到“定位”，將 div 設(shè)置為父級，為相對定位，#8203positionrelative#8203將h1；1新建html文檔，在body標(biāo)簽中添加一個div標(biāo)簽，然后在div標(biāo)簽中添加img標(biāo)簽和p標(biāo)簽，這時文字和圖片是分開的2分別為div標(biāo)簽和p標(biāo)簽添加“position relative”和“position absolute”，這時p標(biāo)簽和div標(biāo)簽就形成了。

4、HTML圖片和文字是并列顯示的如下1 將文字浮在圖片上我們加個div把圖片和文字包在一起，并且加上imggroup和imgtip這兩個class，便于后面的處理我們要讓文字浮在圖片上面，需要加上定位看文字浮在了圖片的底部；把價格單獨弄出來，以文字的方式顯示然后給文字添加一個錨，在用CSS添加樣式，ahover textdecorationunderline；的盒子根據(jù)裝著圖片的盒子進(jìn)行定位就可以了，像這樣的其實很簡單的，要多思考和分析 代碼，要注意圖片你要自己放圖片，和修改圖片路徑 lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle圖片上放文字lt。

5、如何在圖片上加文字 如何在圖片上加入文字方法如下 1把需要添加字的圖片先移到桌面，鼠標(biāo)右鍵點擊圖片，看到“編輯”后打開編輯2然后在“畫圖”中編輯，點擊框中“A”的標(biāo)志，這種標(biāo)志一般都是編輯字體 3；用兩個div，前面div的放圖片標(biāo)簽，后面div的放文字部分把后面div在css中加入float屬性，浮動起來，這樣它就會“飄”在圖片上面最后利用在css中利用position屬性，就能把圖片和文字定位到合適的位置。