1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標簽中，輸入html代碼ltimg src=quotsmall3pngquot ltspanhello imageltspan3瀏覽器運行indexhtml頁面，此時成功在圖片右邊寫。

在picture中插入圖片，然后在text中 設置樣式即可。

圖片添加連接我的方法是在ltimg標簽兩邊添加lta標簽 如lta href=quot要連接的地址quot title=quot這里也可以使用title屬性，也是懸停會會顯示文字quot ltimg src=quot圖片地址quot width=quot170quot height=quot89quot alt=quotquot title=“這里寫。

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

第一種方法，把圖片設為背景就可以寫字了 第二種方法，把圖片插入后，在放一個浮動層就可以在上面寫字了個人認為第一種方法最好一點 舉個例吧 ltstyle type=quottextcssquot lt！ Layer1 position。

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

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

1圖片是一個層2在圖片的層上再放一個層，給層設置背景色就好了。

把價格單獨弄出來，以文字的方式顯示然后給文字添加一個錨，在用CSS添加樣式，ahover textdecorationunderline。

輸入js代碼ltdiv style=quotbackgroundimage urlsmall2png height60pxquot lta href=quotquot院系設置lta ltdiv 3瀏覽器運行indexhtml頁面，此時圖片上成功添加了“院系設置”的鏈接文本。

把圖片作為一個div的背景圖片，然后在div中填上文字ltdiv style=quotbackgroundurl#39圖片的url#39quot 這里是文字內(nèi)容 ltdiv。

2種方法 1一張圖片作為背景，一張圖片放進去2用疊層的方法，也就是2個DIV ，一個用positionrelative 作為父層，也就是最下面的那個層一個DIV用positionabsolute作為子層，也就是最上面那個層 給你個。

最簡單的辦法弄一個div層，把圖片當作div的背景就是了。

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

圖片下打文字把圖片放在div中，在div中圖片后面打字就可以 ltdivltimg src=quotaajpgquot ltbr文字ltdiv。

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

lt！DOCTYPE htmllthtml ltheadltmeta。

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