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

一image 作为背景图片，即backgroundurlquotquot例如如下代码块ltdiv style=quotbackgroundurl#39loadinggif#39 norepeatwidth100pxheight50pxquot添加文字添加文字添加文字ltdiv 二将img块。

在html中字浮于图上的话1通过使用一个div或者是p然后写上你所需要的字，然后在将那个图片设置成背景就行了ltdiv style=#39backgroundurl#39图片地址#39#39 ltp我是测试文字ltp ltdiv 2你可以使用一个zind。

*图片部分的设置* #img1 *position static默认定位，可以省略* width 100% height 100% *文字的设置* #span1 position absolute*绝对定位* width 100% bottom 0px*离底下0像素* left 0。

可以以html为例，步骤一在body中建立文字信息以及图片内容，也就是在header中包含两个同级，图片和文字二在CSS中对文字图片进行简单样式添加，效果如图所示大盒子使用描边显示，里面包含了图片和下面的文字三。

1首先在Word中打开需要处理的文档，在上方工具栏中选择插入图片来自文件2其次在对话框中选择自己需要插入的图片，点击“打开”即可3最后用鼠标左键点击图片，选择图片右边的文字选项，选择“浮与文字上方”即可。

具体步骤如下1在同一个div里，先书写一段代码，如下图所示，在这个代码中给dive设置宽度和高度，这时为了让文字有一个具体的范围2找到background，如下图示，在background的后面添加上图片作为这个的背景图案3。

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

在HTML中，怎么在图片上添加文字提问首先我们要设计一个 div，将图片的和文字放置在 div 里面，设置文字的样式随后需要用到“定位”，将 div 设置为父级，为相对定位，#8203positionrelative#8203将h1。

创建段落两个段落，段落上面设置2张图片的float属性，分别让它们左右浮动，值为left和right，最后打开浏览器3打开浏览器后即可看到效果，两张图片分别浮动在文本的左右两边，文字则是围绕在图片周围。

你用列表做的话，就这样写li background#0CC color#FFF lihover background#9F0 color#FFF fontweightboldhover是伪类，鼠标滑过的效果。

将DIV的position设置为relative，利用绝对定位实现同级元素叠加，也可以用Float浮动让文字叠加在图像上方 1 2 3 4 ltdiv style=quotpositionrelativequot ltimg src=quotquot ltspan style=quotpositionabsolute left0 top50%quot这里显示。

用CSS样式控制文字浮于图片上方，这个我们首先要明确的知道一个层的概念，这里就是将图片为一个层，然后文字又是一个层，然后我们使用一个position定位，将文字定于图片的位置，然后使用zindex这个层属性，来做，zindex的。

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

的盒子根据装着图片的盒子进行定位就可以了，像这样的其实很简单的，要多思考和分析 代码，要注意图片你要自己放图片，和修改图片路径 lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle图片上放文字lt。

1首先先准备图片素材和文字语言2添加CSS样式修饰，最外面的大框添加宽度居中3现在的图文是这样排版4想要将图文左右排版，无非是定位或者浮动，对图片块和文字块都添加了浮动效果后5如图添加浮动后，文字。

ltstyleltheadltbodyltimg src=quotpicjpgquotltspan我是文字ltspanltbodylthtml 二在开发工具里面的截图三浏览器里面的效果截图四总结一下这个是在body里面添加一下背景图片，然后再建div就可以。

编写html代码时，在图片上加文字实质就是通过css样式设置文字的背景是图片1创建一个新的html文件 2在body标签里创建一个div，在div的p标记里面写入文字 3在head标签里编写css样式，让图片作为文字的背景，并且设置。