今天小编跟大家讲解下有关图片上添加文字的两种常用方式 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关图片上添加文字的两种常用方式 的相关资料,希望小伙伴们看了有所帮助。
1.常用的方式是:将一张图片设置为背景 然后在里面加文字 你加入的图片代码是: 复制代码代码如下: <img src="https://www.aidi.net.cn//css/img.jpg"width='100px"height="50px"> 改为 复制代码代码如下: <div style="background:url('img.jpg') no-repeat;width:100px;height:50px">添加文字</div> 2.一种是:加<span>标签 设置css样式 你加入的代码是: 复制代码代码如下: <div style="position: relative; width: 170px; height: 89px;"> <img src="https://www.aidi.net.cn//css/图片地址"width="170"height="89"alt=""> <span style="position: absolute; top: 0; left: 0;">添加文字...添加文字...添加文字...</span> </div>来源:爱蒂网