web开发中图片上添加文字的两种常用方式

本篇文章为大家展示了web开发中图片上添加文字的两种常用方式，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

1.常用的方式是：将一张图片设置为背景，然后在里面加文字，你加入的图片代码是：

代码如下:

<img src="img.jpg" width='100px" height="50px">

改为

代码如下:

<div >添加文字</div>

2.一种是：加<span>标签，设置CSS样式，你加入的代码是：

代码如下:

<div >
<img src="图片地址" width="170" height="89" alt="">
<span >添加文字...添加文字...添加文字...</span>
</div>

上述内容就是WEB开发中图片上添加文字的两种常用方式，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注编程网html频道。