1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltimg src=quotsmall3pngquot ltspanhello imageltspan3浏览器运行indexhtml页面，此时成功在图片右边写。

在picture中插入图片，然后在text中 设置样式即可。

图片添加连接我的方法是在ltimg标签两边添加lta标签 如lta href=quot要连接的地址quot title=quot这里也可以使用title属性，也是悬停会会显示文字quot ltimg src=quot图片地址quot width=quot170quot height=quot89quot alt=quotquot title=“这里写。

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

第一种方法，把图片设为背景就可以写字了 第二种方法，把图片插入后，在放一个浮动层就可以在上面写字了个人认为第一种方法最好一点 举个例吧 ltstyle type=quottextcssquot lt！ Layer1 position。

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

1在HTML中，使用position属性给包含图片和文字的容器元素div添加相对定位样式2使用position属性给文字元素添加绝对定位样式3使用left和top属性设置文字元素在图片上的位置，将打招呼的文字定位在图片旁边即可。

1图片是一个层2在图片的层上再放一个层，给层设置背景色就好了。

把价格单独弄出来，以文字的方式显示然后给文字添加一个锚，在用CSS添加样式，ahover textdecorationunderline。

输入js代码ltdiv style=quotbackgroundimage urlsmall2png height60pxquot lta href=quotquot院系设置lta ltdiv 3浏览器运行indexhtml页面，此时图片上成功添加了“院系设置”的链接文本。

把图片作为一个div的背景图片，然后在div中填上文字ltdiv style=quotbackgroundurl#39图片的url#39quot 这里是文字内容 ltdiv。

2种方法 1一张图片作为背景，一张图片放进去2用叠层的方法，也就是2个DIV ，一个用positionrelative 作为父层，也就是最下面的那个层一个DIV用positionabsolute作为子层，也就是最上面那个层 给你个。

最简单的办法弄一个div层，把图片当作div的背景就是了。

3然后需要在html中添加环绕代码ltstyle p border1px solid red img floatleft margin0 5px 5px 0 ltstyle 4代码添加完毕后，保存html文件，重新打开预览就可以看到文字环绕图片的格式了。

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

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

lt！DOCTYPE htmllthtml ltheadltmeta。

使用代码的方法，在图片上加字怎么做到呢 在html文件中，先建立一个div，然后在里面设置一个图片和文字h1，如图所示 现在打开后的样式是这样的，如图，图片在上，文字在下 然后对h1进行简单修饰，对文字大小fontsize和文字。