一在body中建立文字信息以及图片内容，也就是在header中包含两个同级，图片和文字二在CSS中对文字图片进行简单样式添加，效果如图所示大盒子使用描边显示，里面包含了图片和下面的文字三想要将文字弄到画面上去，这。

html+css在图片上添加文字有两种方法如下1添加一个DIV，采用绝对定位，图片所属DIV为基准 ltdiv style=quotpositionrelativewidth100pxheight100pxquotltimg src=quotquot alt=quotquot ltdiv style=quotpositionabsolutewidth。

文字在图片上显示 lt！DOCTYPE html lthtml lthead lttitlelttitle ltmeta charset=quotUTF8quot ltstyle abox positionrelative*容器相对定位* width300px*宽度300px* margin0 auto*横向居中* a。

HTML图片和文字是并列显示的如下1 将文字浮在图片上我们加个div把图片和文字包在一起，并且加上imggroup和imgtip这两个class，便于后面的处理我们要让文字浮在图片上面，需要加上定位看文字浮在了图片的底部。

ltstyleltdiv class=quotdivquotltimg src=quot图片路径quot alt=quot#quotltp你的文字内容ltpltdiv CSS怎么将一个元素重叠到图片上显示，假如我有一张图片，图片上面显示半透明的横条，横条上面有文字，效果如图ltstyle。

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

1创建一个新的html文件 2在body标签里创建一个div，在div的p标记里面写入文字 3在head标签里编写css样式，让图片作为文字的背景，并且设置图片不重复4这样编辑html时，在图片上添加文字的问题就解决了。

3然后通过background给div添加1张图片作为它的背景4然后通过url来连接图片，这个时候url里面放置的就是背景图片的路径5然后放入1张图片用作背景，注意路径正确6最后点击保存，文字就会覆盖在图片上，css让。

1在div里面书写了一些文字，然后想要在放入一张图片2首先，我们应该先给div设置宽度和高度，保证文字有一个范围3然后通过background给div添加一张图片作为它的背景4通过url来连接图片，url里面放置的就是。