1、在x軸上平鋪，左右\x0d\x0arepeaty 在y軸上平鋪，上下\x0d\x0anorepeat 圖片不重復(fù)\x0d\x0a\x0d\x0a\x0d\x0a 你的文字內(nèi)容\x0d\x0a\x0d\x0a\x0d\x0a那么在這個(gè)div的背景圖片就有了；思路兩種方法1把圖片設(shè)置成背景，然后直接寫文字即可2第二，寫兩個(gè)div，然后在CSS樣式中寫入positionrelative需要用top，right和bottom，left來定位隨父級(jí)定位第二種代碼ltdiv class=quotpicturequot ltdiv clas；HTML圖片和文字是并列顯示的如下1 將文字浮在圖片上我們加個(gè)div把圖片和文字包在一起，并且加上imggroup和imgtip這兩個(gè)class，便于后面的處理我們要讓文字浮在圖片上面，需要加上定位看文字浮在了圖片的底部。

2、編寫html代碼時(shí)，在圖片上加文字實(shí)質(zhì)就是通過css樣式設(shè)置文字的背景是圖片1創(chuàng)建一個(gè)新的html文件 2在body標(biāo)簽里創(chuàng)建一個(gè)div，在div的p標(biāo)記里面寫入文字 3在head標(biāo)簽里編寫css樣式，讓圖片作為文字的背景，并且設(shè)置；然后在里面加文字，加入的圖片代碼是ltimg src=quotimggifquot width=#39100pxquotheight=quot50pxquot，改成ltdiv style=quotbackgroundurl#39imggif#39norepeatwidth100pxheight50pxquot這樣就可以圖片上加文字了ltdiv；標(biāo)簽里面加alt屬性，格式ltimg src=quot圖片路徑quot alt=quot描述圖片文字quot；1在div里面書寫了一些文字，然后想要在放入一張圖片2首先，我們應(yīng)該先給div設(shè)置寬度和高度，保證文字有一個(gè)范圍3然后通過background給div添加一張圖片作為它的背景4通過url來連接圖片，url里面放置的就是；用兩個(gè)div，前面div的放圖片標(biāo)簽，后面div的放文字部分把后面div在css中加入float屬性，浮動(dòng)起來，這樣它就會(huì)“飄”在圖片上面最后利用在css中利用position屬性，就能把圖片和文字定位到合適的位置。

3、新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltimg src=quotsmall3pngquot ltspanhello imageltspan3瀏覽器運(yùn)行indexhtml頁面，此時(shí)成功在圖片右邊寫了文字“hello image”；用img的alt屬性，例如ltimg src=quotpathquotalt=quot這是一張圖quot這樣寫的話，你把鼠標(biāo)移動(dòng)到圖片上時(shí)，alt里的字就會(huì)顯示出來，如果你的src無效，alt里的字將取代圖片直接出現(xiàn)；2添加CSS樣式修飾，最外面的大框添加寬度居中3現(xiàn)在的圖文是這樣排版4想要將圖文左右排版，無非是定位或者浮動(dòng)，對(duì)圖片塊和文字塊都添加了浮動(dòng)效果后5如圖添加浮動(dòng)后，文字部分因?yàn)槲淖痔L(zhǎng)超出了他所用那的；1在body中建立文字信息以及圖片內(nèi)容，也就是在header中包含兩個(gè)同級(jí)，圖片和文字2在CSS中對(duì)文字圖片進(jìn)行簡(jiǎn)單樣式添加3效果如圖所示大盒子使用描邊顯示，里面包含了圖片和下面的文字4想要將文字弄到畫面上去。

4、一首先HTML和CSS布局lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitle圖片上寫字lttitleltstyle type=quottextcssquotspan position absoluteleft 200pxcolor #ffffont 50px350px；在HTML中，怎么在圖片上添加文字提問首先我們要設(shè)計(jì)一個(gè) div，將圖片的和文字放置在 div 里面，設(shè)置文字的樣式隨后需要用到“定位”，將 div 設(shè)置為父級(jí)，為相對(duì)定位，#8203positionrelative#8203將h1設(shè)；2在indexhtml中的ltscript標(biāo)簽，輸入js代碼ltdiv style=quotbackgroundimage urlsmall2png height60pxquot lta href=quotquot院系設(shè)置lta ltdiv 3瀏覽器運(yùn)行indexhtml頁面，此時(shí)圖片上成功添加了“院系；lttitle圖片上放文字lttitle ltstyle type=quottextcssquot html，body margin0 autoimg display blockwidth100% box width100%margintop 50px boxcent width50%margin0 autopositio。

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