1、在x轴上平铺，左右\x0d\x0arepeaty 在y轴上平铺，上下\x0d\x0anorepeat 图片不重复\x0d\x0a\x0d\x0a\x0d\x0a 你的文字内容\x0d\x0a\x0d\x0a\x0d\x0a那么在这个div的背景图片就有了；思路两种方法1把图片设置成背景，然后直接写文字即可2第二，写两个div，然后在CSS样式中写入positionrelative需要用top，right和bottom，left来定位随父级定位第二种代码ltdiv class=quotpicturequot ltdiv clas；HTML图片和文字是并列显示的如下1 将文字浮在图片上我们加个div把图片和文字包在一起，并且加上imggroup和imgtip这两个class，便于后面的处理我们要让文字浮在图片上面，需要加上定位看文字浮在了图片的底部。

2、编写html代码时，在图片上加文字实质就是通过css样式设置文字的背景是图片1创建一个新的html文件 2在body标签里创建一个div，在div的p标记里面写入文字 3在head标签里编写css样式，让图片作为文字的背景，并且设置；然后在里面加文字，加入的图片代码是ltimg src=quotimggifquot width=#39100pxquotheight=quot50pxquot，改成ltdiv style=quotbackgroundurl#39imggif#39norepeatwidth100pxheight50pxquot这样就可以图片上加文字了ltdiv；标签里面加alt属性，格式ltimg src=quot图片路径quot alt=quot描述图片文字quot；1在div里面书写了一些文字，然后想要在放入一张图片2首先，我们应该先给div设置宽度和高度，保证文字有一个范围3然后通过background给div添加一张图片作为它的背景4通过url来连接图片，url里面放置的就是；用两个div，前面div的放图片标签，后面div的放文字部分把后面div在css中加入float属性，浮动起来，这样它就会“飘”在图片上面最后利用在css中利用position属性，就能把图片和文字定位到合适的位置。

3、新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltimg src=quotsmall3pngquot ltspanhello imageltspan3浏览器运行indexhtml页面，此时成功在图片右边写了文字“hello image”；用img的alt属性，例如ltimg src=quotpathquotalt=quot这是一张图quot这样写的话，你把鼠标移动到图片上时，alt里的字就会显示出来，如果你的src无效，alt里的字将取代图片直接出现；2添加CSS样式修饰，最外面的大框添加宽度居中3现在的图文是这样排版4想要将图文左右排版，无非是定位或者浮动，对图片块和文字块都添加了浮动效果后5如图添加浮动后，文字部分因为文字太长超出了他所用那的；1在body中建立文字信息以及图片内容，也就是在header中包含两个同级，图片和文字2在CSS中对文字图片进行简单样式添加3效果如图所示大盒子使用描边显示，里面包含了图片和下面的文字4想要将文字弄到画面上去。

4、一首先HTML和CSS布局lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitle图片上写字lttitleltstyle type=quottextcssquotspan position absoluteleft 200pxcolor #ffffont 50px350px；在HTML中，怎么在图片上添加文字提问首先我们要设计一个 div，将图片的和文字放置在 div 里面，设置文字的样式随后需要用到“定位”，将 div 设置为父级，为相对定位，#8203positionrelative#8203将h1设；2在indexhtml中的ltscript标签，输入js代码ltdiv style=quotbackgroundimage urlsmall2png height60pxquot lta href=quotquot院系设置lta ltdiv 3浏览器运行indexhtml页面，此时图片上成功添加了“院系；lttitle图片上放文字lttitle ltstyle type=quottextcssquot html，body margin0 autoimg display blockwidth100% box width100%margintop 50px boxcent width50%margin0 autopositio。

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