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

lttitle圖片上放文字lttitle ltstyle type=quottextcssquot html，body margin0 autoimg display blockwidth100% box width100%margintop 50px boxcent width50%margin0 autopositio；第一種方法是直接在圖片上弄上水印第二種是使用兩張圖片，一張背景，一張文字，文字的弄成背景透明的格式第三種圖片當(dāng)做背景，然后寫字好了lthtmllthead ltstyle type = quottextcssquot divwidth300height。

lt！DOCTYPE html lthtml lthead ltstyle container display flex * 使用彈性布局 * flexwrap wrap * 換行 * image width 3333% * 每個(gè)圖片占據(jù)一行的三分之一寬度 * boxsizing；最簡(jiǎn)單的方法是使用浮動(dòng)1可以用一個(gè)最大的div層 包裹住，左邊一個(gè)div 左浮動(dòng)，右邊一個(gè)div右浮動(dòng)，左邊的就是一個(gè)logo圖，主要處理在右邊2右邊的div定義好之后，在細(xì)分為上中下，三個(gè)大div，最上面的div 可以。

html怎么在圖片中寫字

1、一種方式直接將這個(gè)圖用ps處理，還有一種html里面有層級(jí)代碼，修改代碼將字這一層放在圖片上面。

2、在html文件中，先建立一個(gè)div，然后在里面設(shè)置一個(gè)圖片和文字h1，如圖所示 現(xiàn)在打開(kāi)后的樣式是這樣的，如圖，圖片在上，文字在下 然后對(duì)h1進(jìn)行簡(jiǎn)單修飾，對(duì)文字大小fontsize和文字顏色color加以修飾 如圖所以效果，現(xiàn)在是這樣。

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

html在圖片上寫字

我之前好像回答過(guò)了啊，用html5 canvas imgsrc指定圖片地址 ltscript src=quotvotejsjquery172minjsquot language=quotjavascriptquotltscriptltstyle type=quottextcssquot#canvas border1px solid #cccltstylelt。

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

1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltimg src=quotsmall3pngquot ltspanhello imageltspan3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功在圖片右邊寫。

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

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

一首先HTML和CSS布局lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitle圖片上寫字lttitleltstyle type=quottextcssquotspan position absoluteleft 200pxcolor #ffffont 50px350px。

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