一在body中建立文字信息以及圖片內(nèi)容，也就是在header中包含兩個(gè)同級(jí)，圖片和文字二在CSS中對(duì)文字圖片進(jìn)行簡(jiǎn)單樣式添加，效果如圖所示大盒子使用描邊顯示，里面包含了圖片和下面的文字三想要將文字弄到畫(huà)面上去，這。

html+css在圖片上添加文字有兩種方法如下1添加一個(gè)DIV，采用絕對(duì)定位，圖片所屬DIV為基準(zhǔn) ltdiv style=quotpositionrelativewidth100pxheight100pxquotltimg src=quotquot alt=quotquot ltdiv style=quotpositionabsolutewidth。

文字在圖片上顯示 lt！DOCTYPE html lthtml lthead lttitlelttitle ltmeta charset=quotUTF8quot ltstyle abox positionrelative*容器相對(duì)定位* width300px*寬度300px* margin0 auto*橫向居中* a。

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

ltstyleltdiv class=quotdivquotltimg src=quot圖片路徑quot alt=quot#quotltp你的文字內(nèi)容ltpltdiv CSS怎么將一個(gè)元素重疊到圖片上顯示，假如我有一張圖片，圖片上面顯示半透明的橫條，橫條上面有文字，效果如圖ltstyle。

一首先HTML和CSS布局lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitle圖片上寫(xiě)字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)記里面寫(xiě)入文字 3在head標(biāo)簽里編寫(xiě)css樣式，讓圖片作為文字的背景，并且設(shè)置圖片不重復(fù)4這樣編輯html時(shí)，在圖片上添加文字的問(wèn)題就解決了。

3然后通過(guò)background給div添加1張圖片作為它的背景4然后通過(guò)url來(lái)連接圖片，這個(gè)時(shí)候url里面放置的就是背景圖片的路徑5然后放入1張圖片用作背景，注意路徑正確6最后點(diǎn)擊保存，文字就會(huì)覆蓋在圖片上，css讓。

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