html中图片上添加文字(html怎么在图片上添加文字)

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

一种方式直接将这个图用ps处理，还有一种html里面有层级代码，修改代码将字这一层放在图片上面 方法1 ps写在图片上 方法2 给标签加入图片背景， 在标签里面写字 方法3 使用img加载图片， 样式设置为固定或绝对定位。

如果你刚开始接触的话可以在dreawmeaver里面操作，直接选择插入图片即可插入图片HTML 代码是ltimg src=quot图片地址quot 即使在DW里写代码 也会有提示的，空格这个问题，你如果学了CSS后可以用margin padding 等CSS属性来。

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

在html文件中，先建立一个div，然后在里面设置一个图片和文字h1，如图所示 现在打开后的样式是这样的，如图，图片在上，文字在下 然后对h1进行简单修饰，对文字大小fontsize和文字颜色color加以修饰 如图所以效果，现在是这样。

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

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

然后在里面加文字，加入的图片代码是ltimg src=quotimggifquot width=#39100pxquotheight=quot50pxquot，改成ltdiv style=quotbackgroundurl#39imggif#39norepeatwidth100pxheight50pxquot这样就可以图片上加文字了ltdiv。

可用backgroundposition来控制背景图片的位置，form也用div框起来，用样式控制，如margin和padding都有上下左右或是空格nbsphtml中代表空格框框的颜色属性就难了我以自己知识还解决不了，高手上吧。

lttitle图片上放文字lttitle ltstyle type=quottextcssquot html，body margin0 autoimg display blockwidth100% box width100%margintop 50px boxcent width50%margin0 autopositio。